WordPressのショートコードとダイナミックCSS
WordPressの開発者に質問したいのですが、通常はカスタムCSSを生成する必要があるショートコードを作成するときにどうしますか。
たとえば、次のオプションを含む単純なボタンのショートコードです。
- テキスト
- リンク
- テキストの色
- 背景色
- ホバーテキストの色
- ホバー背景色
問題は、ホバーカラーオプションです。カスタムCSSをheadまたはインラインの<style></style>ブロックに配置しなくても、CSSファイルに直接動的に生成したいのです。
ショートコードは、同じページで何度か使用された場合にはもちろん機能する必要があります。
Wp_add_inline_styleやwp_filesystemを使うことを考えています。
この質問の主な目的は、動的cssファイルにカスタムcssを追加したショートコードを作成すること、またはカスタムcssをページに直接追加しないでホバー属性を追加できるようにすることです。
可能であればphp htmlとcssだけでこれを達成したいのですが、解決策がない場合は私はjavascriptを使用することも考えています。
どんなアドバイスでも素晴らしいでしょう。
よろしく
コアのリファレンステクニックに最も近いのは[gallery]ショートコードです。
gallery_shortcode() functionの実装元を見れば、次のようになります。
- インスタンス番号を生成します（したがって、複数のショートコードを区別できます）。
- インスタンスごとに、動的CSSをページソースにインラインで出力します。
私は特にそれをneatソリューションとは考えませんが、それはWP shortcodesアーキテクチャの制約の範囲内に入るのと同じくらい近いです。