アップロードしなおたびにファイル名は変わってしまうので
スタイルシートに予めファイル名を書くことは出来ず、
この部分がよく理解できません、どのような作り方をしているか、教えてください。
style.cssに
background-image: url("アップロードされた画像へのパス")
を書いているという理解で良いでしょうか？
それであれば、wp_head()内からstyleタグでCSSを出力するという方法が良いかと思います。
wp_add_inline_style 等で実現できるかと思います。
Twenty Sixteenをベースにしているということでしたら、
カスタムヘッダーのコールバック関数
inc/customizer.php の twentysixteen_header_style()の中で、
cssを動的に設定している箇所があるので、
ここにstyleを追加すると手軽でしょう。
返信ありがとうございます。
アップロードしなおすたびにファイル名が変わる件は
カスタマイザーを使用してヘッダーのロゴなどをアップロードしなおしたりすると
毎回ファイル名が変わるために事前にスタイルシートにURLを記載しておくことができません。
そのため、スタイルシートのURL部分は動的に（現在アップロードされている最新のロゴ画像のURL）を呼び出すということがしたいのです。
// =============================
// グリッド1の画像
// =============================
$wp_customize->add_setting('grid_area_00_image', array(
'default' => 'grid_area_00_image.jpg',
'capability' => 'edit_theme_options',
'type' => 'option',
));
$wp_customize->add_control( new WP_Customize_Image_Control($wp_customize, 'grid_area_00_image', array(
'label' => __('グリッド1の画像', 'themename'),
'section' => 'top_page',
'settings' => 'grid_area_00_image',
'description' => '画像をアップロードするとヘッダーにあるデフォルトのサイト名と入れ替わります。',
)));
のようにすると
<?php echo get_option(‘grid_area_00_url’); ?>でロゴ画像のURLを呼び出すことができます。
インラインのスタイルシートで実現する方法は
Toro様とsysbird様の内容で実現することができました。
質問内容に記載しておりませんでしたが、
外部スタイルシートに同様のことが実現できるものなのでしょうか？
nobita様
ありがとうございます。
まさにこれが知りたかった情報です。
URL先と同じようにページの可読性を上げたかったのが理由だったのですが、
やはり外部スタイルシートを生成させてから読み込むというような手法は
あまりおすすめできないのですね。
ページスピード的にもGoogleがインラインをオススメしているようですし。
一応外部スタイルシートとしてもできるということも
ソースコードを拝見させていただき、理解できました。
今のところインラインのスタイルシートで対応してみようとおもいます。
ありがとうございました。
