Cocoonでヘッダーロゴを設定した手順｜「Cocoon設定」の場所と反映されないときの確認点

ブログのヘッダーに、サイト名の文字ではなく、自分で用意したロゴ画像を表示したいと思い、WordPressテーマ「Cocoon」でヘッダーロゴを設定しました。この記事では、運営者が実際に操作した手順と、設定後に確認したことを記録します。

設定した場所

ヘッダーロゴは、WordPressの通常の「外観」メニューではなく、Cocoon独自の設定画面にありました。

1. WordPressの管理画面にログインします。
2. 左のメニューから「Cocoon設定」を開きます。
3. 「ヘッダー」のタブを開きます。
4. 「ヘッダーロゴ」の項目で、ロゴ画像を選んで設定します。
5. 画面の下にある変更を保存するボタンを押します。

迷った点：ロゴの設定場所が分かりにくい

「ロゴ」という言葉から、最初は外観のカスタマイズ画面を探しました。ところが、Cocoonでは独自の設定画面の中の「ヘッダー」の項目にまとまっていました。テーマによって設定場所が違うため、Cocoonを使っているなら、まず「Cocoon設定」を見るのが近道でした。

設定後に確認したこと

• トップページを開いて、ヘッダーのサイト名の文字が、ロゴ画像に変わっていること。
• ページの下部（フッター）にもロゴが表示されていること。

すぐに反映されないときの確認点

設定を保存しても、公開されているサイトの表示がすぐには変わらないことがありました。レンタルサーバー側でキャッシュ（表示を速くするために、ページの内容を一時的に保存する仕組み）が使われていると、変更が反映されるまで少し時間がかかる場合があります。今回は、しばらく待ったあとに、ヘッダーとフッターの両方でロゴが表示されました。表示が古いままのときは、時間を置いて確認し、それでも変わらない場合は、ブラウザの再読み込みや、使っているレンタルサーバーのキャッシュに関する案内を確認してください。

まとめ：ロゴの設定は「Cocoon設定 → ヘッダー」から

Cocoonでヘッダーロゴを設定するときは、「Cocoon設定」の「ヘッダー」タブから進みます。設定後、表示に時間がかかる場合は、キャッシュの影響を疑って、時間を置いて確認するのが現実的でした（2026年9月時点）。

関連する運営の記録として、ConoHa WINGでWordPressを始めて迷った5つのこと、ConoHa WINGの無料独自SSLが「設定中」のときに確認したこと、Bingウェブマスターツールに登録した手順もあります。

【PR】このブログで実際に使っているレンタルサーバーは、ConoHa WING公式サイトです。