解決済み
Question

ヘッダー画像が個別ページに表示されない

  • Kaori Segawa
  • ヘッダー画像が個別ページに表示されないのですが、どうすればいいでしょうか。

    実現させたいこと▼
    スマホ・PC共にTOPページではヘッダー画像を表示させない
    →PCでは表示されないがスマホでは表示される

    スマホ・PC共にTOPページ以外でヘッダー画像を表示させる
    →PCとスマホ共に表示される、白い空白になる

    設定から「TOPページにヘッダーを表示」をオフにしています

    • WP 6.7.1
    • PHP 8.3.x
    • JIN:R 1.4.0
    • Conoha Wing
    • GoogleChrome
    • macOS Mojave
    2025/09/24 14:45
  • tsu_

    こんにちは!
    画像とURLありがとうございます。

    一度、以下の記事を参考にAutoptimizeの設定を調整したり、停止させて変化があるかを検証いただけますでしょうか。
    https://blog-bootcamp.com/start/wordpress-autoptimize/#index_id6

    お手数おかけしますが、よろしくお願いいたします。

    2025/09/25 21:14
  • Kaori Segawa

    やってみましたが、謎の変化がありました


    スマホ・PC共にTOPページではヘッダー画像を表示させない
    →PCでは表示されないがスマホでは表示される

    →PCでもスマホでは表示される

    スマホ・PC共にTOPページ以外でヘッダー画像を表示させる
    →PCとスマホ共に表示される、白い空白になる

    こちらは変化なしです

    2025/09/25 21:55
  • Kaori Segawa

    追記
    関係あるかわかりませんが、試しにヘッダー画像を消してみても謎の空白が上部に現れます

    2025/09/26 15:22
  • tsu_

    検証ありがとうございます。

    プラグインの全停止も含めて、改めて以下の内容を検証いただけますでしょうか。
    https://jinr.jp/manual/how-to-fix/

    Autoptimizeはキャッシュを削除してから停止させるようお願いいたします。

    2025/09/27 08:41
  • Kaori Segawa

    やってみましたが、解消せずでした、、
    ヘッダー画像は諦めてロゴ画像を表示させようとしましたが、こちらも表示されません。
    ロゴがくるであろう位置に色がつくだけです

    2025/09/28 08:38
  • tsu_

    検証ありがとうございます。

    ロゴ画像についてですが、管理画面「外観」>「カスタマイズ」>「追加CSS」にロゴを非表示にするコードを記載していませんか...??

    お手数おかけしますが、ご確認よろしくお願いいたします。

    2025/09/28 14:04
  • Kaori Segawa

    ありがとうございます!
    「追加CSS」にロゴを非表示にするコードを記載してありました!

    ヘッダー画像ですが、「サイトデザイン設定」→「ヘッダー背景画像の設定」から設置すると反映されたのですが
    メインビジュアル→「ヘッダー画像」ONからの画像の設定と何が違うのでしょうか。
    私のサイトが正常じゃないだけで、通常はメインビジュアルから設定するのでしょうか。画像の高さなどをカスタムできるのでこちらからしたいのですが画像が表示されません。

    追加で2点質問です
    ・ヘッダーの追尾希望をONにしていますが、透明で追尾させるのはどうしたらいいですか。どうしたらいいですか?
    ・添付のヒトデブログのように、3本線のメニュー(右端)を設置したいのですが、マニュアルでなんと調べれば出てきますか?
    3本線のメニューを押した後の画面の編集方法も知りたいです

    2025/09/28 21:04
  • tsu_

    ご確認ありがとうございます。

    >> ヘッダー画像ですが、「サイトデザイン設定」→「ヘッダー背景画像の設定」から設置すると反映されたのですが

    設定の仕方により、解釈が少し変わるかもしれませんが、「ヘッダー背景画像」は、メニューなどが並んでいる部分の背景のことですね。
    https://jinr.jp/manual/header-bg/


    >> メインビジュアル→「ヘッダー画像」

    こちらは上記とは違い、範囲がもっと広くなります。
    https://jinr.jp/manual/header-img/


    >> ・ヘッダーの追尾希望をONにしていますが、透明で追尾させるのはどうしたらいいですか。どうしたらいいですか?

    ヘッダー背景画像を設定されていると思いますので、現状、それが表示されているので、透明を希望される場合は、ヘッダー背景画像は設定しない形にします。


    >> 3本線のメニュー(右端)を設置したいのですが、マニュアルでなんと調べれば出てきますか?

    こちらは「ハンバーガーメニュー」といいます。以下のマニュアルで設定方法をご案内しております。
    https://jinr.jp/manual/hamburger-menu/

    お手数おかけしますが、よろしくお願いいたします。

    2025/09/29 22:01
  • Kaori Segawa

    ありがとうございます!
    かなりやりたいことに近づいてきました✨

    ヘッダー画像・ロゴ画像・ハンバーガーメニュー全て表示できました

    >> ヘッダー背景画像を設定されていると思いますので、現状、それが表示されているので、透明を希望される場合は、ヘッダー背景画像は設定しない形にします。
    →こちら背景画像を削除すると添付画像のようにベージュの色がつきます。これを消す方法はありますか?(※スマホでは透明になったりベージュになったりします)

    2025/09/30 16:23
  • Kaori Segawa

    上記の件、またご回答よろしくお願いします

    2025/10/05 19:49
  • tsu_

    ご連絡が遅くなり申し訳ございません...!

    管理画面「外観」>「カスタマイズ」の
    「カラー設定」 > 「ヘッダーエリア設定」 > 「ヘッダーの背景色」で色を設定されていませんか?

    ご確認よろしくお願いいたします。

    2025/10/05 21:56
  • Kaori Segawa

    設定していました…!!!

    無事に透明になりました!
    tsu_様のサポートのおかげで、ヘッダー画像、ハンバーガーメニューなど全て設定できました。
    長らく対応くださりありがとうございました

    2025/10/06 09:44
CLOSE