WordPressの特定のページのみヘッダ画像を変更するには
解決したいこと
WordPressで特定のページのみヘッダ画像を変更したい
できればcssの記述でできないか設定してみましたが、
消すことはできましたが、代替の画像が表示されません
ヘッダー画像を表示している部分のhtmlです
<header id="header" class="header">
<div id="headerInner" class="innerBox">
<!-- [ #headLogo ] -->
<div id="site-title">
<a href="http://hoge.jp/">
<img src="//hoge.jp/wp-content/uploads/xxxxx.png"></a>
</div>
実施したこと
まずは、特定のページ（ID=603）の時だけ非表示にしました
.page-id-603 .header a img {
visibility: hidden;
}
これで特定のページのヘッダ画像が消えました（他のページでは表示されています）
こちらのサイトを参考にして、代わりに表示するヘッダ画像をcssで指定しましたが、なにも表示されません
https://tachimade.com/customize-header-logo/
.page-id-603 .header .site-title {
display: inline-block;
background: url("http://hoge.jp/wp-content/uploads/xxxxx.png") no-repeat;
background-size: contain;
background-position: center;
}
実際に記述したurlをブラウザのアドレスバーに入力すると、画像が表示されるのでurlの求め方に誤りはないと考えています。
質問
cssでは代替の画像を表示できないのでしょうか。
phpを変更する方法も検索したのですが、もし可能であればミスがあっても
動作が止まるようなことのないcssで、と考えました。
やはりcssでは無理であればphpの変更をと考えていますが、phpを変更すれば特定のページIDのヘッダ画像を変更できるのでしょうか。
0