現在、HTML ページを WordPress テーマに変えています。このサイト全体で、divs
CSS の背景を使用するシリーズがあります。これらの画像をリンクして、ユーザーが好きなように変更できるようにするためのベスト プラクティスは何ですか?
参考までに、HTML には次のものがあります。background-image:url(/site/sprite.png);
カスタム フィールドを使用できます。それらを作成する方法がわからない場合、またはそれらを管理するための簡単で堅牢な方法が必要な場合は、wordpress.org プラグイン リポジトリで「高度なカスタム フィールド」プラグインを見つけることができます。無料でとてもいいです。
ここでカスタム フィールドを使用する方法は、これらの背景をインライン スタイルでテーマに設定するためです。それ以外の場合、「ユーザー」はコードの CSS 行を変更する方法を知る必要があります (あまり実用的ではありません)。
それらをインラインで設定すると、次のようになります。
<div id="divBackground01" style="background: url(<?php echo get_post_meta('$post->ID','div-bg-01',true); ?>);>
</div>
私が見た別のオプションは、PHP ファイルで CSS ファイルを作成することです...次のようなものを使用します。
<style>
#divBackground01 {
background: url(<?php echo get_post_meta('$post->ID','div-bg-01',true); ?>);
}
</style>
ファイルは実際にはPHPファイルになるため、PHPを使用していることに注意してください...そうしないと、CSSファイルでPHPを使用できません。これを行うのが非常に良い習慣であるかどうかはわかりませんが、必要に応じて別のオプションとして実行できるものです。
カスタム フィールドにインラインで背景スタイルを追加するのが最善です。必要に応じて PHP を使用して条件付きにすることもできます。また、すべてのカスタム フィールドを使用して 1 つの投稿をセットアップすることもできます (したがって、単一の ID を使用できます)。または、ユーザーに表示する方法は任意です。