Cocoon Childでヘッダーロゴが表示されない原因と解決方法

WordPressでCocoonテーマを使用してブログを作成する際、Cocoon Childを導入してヘッダーロゴを設定しても表示されないことがあります。ヘッダー背景画像は表示されるのにロゴだけ表示されない場合、原因と対処法を整理して解説します。

原因1: 子テーマのfunctions.phpでの干渉

Cocoon Childのfunctions.phpにカスタマイズコードがある場合、親テーマのロゴ表示機能が無効化されることがあります。子テーマのfunctions.phpを確認し、header関連のコードが影響していないかチェックしましょう。

画像形式やサイズが適切でも、WordPress管理画面の「外観 > カスタマイズ > ヘッダー > ヘッダーロゴ」で正しく選択されていない場合、表示されません。再度画像を選択して「公開」をクリックすることが必要です。

子テーマのスタイルシートや追加CSSで、ロゴのimg要素にdisplay:noneやopacity:0などが指定されている場合、表示されません。ブラウザの検証ツールでimg要素を確認し、不要なCSSがあれば修正してください。

ブラウザキャッシュやキャッシュ系プラグインによって、変更が反映されないことがあります。キャッシュをクリアして再読み込みすることで解決する場合があります。

Cocoon Childでヘッダーロゴが表示されない場合、子テーマのfunctions.phpやCSS、画像設定、キャッシュなど複数の要因が考えられます。順に確認し、不要な干渉や設定ミスを解消することで、ロゴを正常に表示させることが可能です。