【WordPress】CocoonChildでヘッダー画像を変更する方法を紹介

20231029_wordpress クリエイティブツール
変更前のヘッダー画像|クリックして拡大できます

このヘッダー画像に飽きました.
当初は本をテーマにブログを書くつもりでしたが,いまはエンジニアリングやトレーニングに関する記事が多くなりヘッダー画像が方向性に合わなくなりました.

外観 -> ヘッダーから画像を変えようにも変更画面が見当たりません.

今回はCocoon Childでヘッダー画像を変える方法を紹介します.

Cocoon 設定から変更する

テーマ「Cocoon Child」を使っている場合はCocoon設定からヘッダー画像を変更できます.

Cocoon設定を選択する|クリックして拡大できます

私は初め外観のヘッダーからヘッダー画像を変更しようとしていました.

外観->ヘッダー|クリックして拡大できます

ヘッダーを選択すると以下の画面へ遷移します.
背景画像を変更できますが,これはメイン画像(記事の背景画像)の変更になります.
ヘッダー画像ではないので気をつけましょう.

外観->ヘッダーからではヘッダー画像は変更できない|クリックして拡大できます

Cocoon Child設定からヘッダーを変更する

ヘッダー画像の変更を実際にやってみましょう.

Cocoon Child設定からヘッダーを選択します.

Cocoon設定->ヘッダーを選択する|クリックして拡大できます

画面をスクロールするとヘッダー背景画像があります.
この項目からヘッダー画像の変更ができます.

ヘッダーを選択してスクロール|クリックして拡大できます

今回はブログの方向性に合わせてジム画像にしてみます.
画像が挿入できなら画面最下部の「変更をまとめて保存」をクリックしましょう.

変更をまとめて保存をクリックすると画像が反映される|クリックして拡大できます

ヘッダーを見ると画像が変更されているのが分かりますね!

ヘッダー変更後|クリックして拡大できます

今回の画像はブログに対してサイドが足りなかったですね.
次はサイドも調整してみましょう.

まとめ

今回はCocoon Childでヘッダー画像を変更する方法を紹介しました.

外観 -> ヘッダーからどうにかして画像を変更できないか試行錯誤しても無理でした.
検索するとヘッダーからヘッダー画像を変えられるみたいな情報が出てきて不思議に思っていましたが,使っているテーマが違うのが原因だったんですね.

自分が使っているテーマを検索キーワードに入れると目的に合う記事が出てくると思いました.

Cocoon Child でヘッダー画像を変更するときは Cocoon Child設定からヘッダーで操作しましょう.