Cocoon初期設定で最初にやること7つ【初心者向け】

Cocoon初期設定で最初にやること7つ【初心者向け】 始め方
Cocoon初期設定で最初にやること7つ【初心者向け】

この記事でできること

この記事では、WordPress無料テーマ Cocoon を入れたあと、最初に確認しておきたい初期設定を7つに絞って整理する。

結論から言うと、初心者は Cocoon設定を全部触ろうとしなくていい。まずは、子テーマ、スキン、サイト基本情報、OGP、アクセス解析、高速化、目次の7つを見れば十分だ。

自分も最初、Cocoon設定のタブの多さを見て「これ、全部やらないと記事を書けないのか」と止まった。正直、設定に凝り始めると、記事を書く前に疲れる。

WordPress全体の初期設定は WordPress開設後に最初にやる初期設定7つ【2026年版】 にまとめている。この記事では、その中でもCocoonテーマ周りだけを扱う。

Cocoon初期設定で最初にやる7項目


Cocoon初期設定の考え方

Cocoonは無料テーマだが、かなり多機能だ。

公式マニュアルにも、サイト作成準備、初期設定、基本設定、広告設定、アクセス解析設定、モバイル設定など、多くの項目が整理されている。

ただ、初心者が最初から全部を触る必要はない。最初の目的は「完璧なデザインのサイトを作ること」ではなく、「記事を書き始められる状態にすること」だ。

だから、最初は次の順番で進める。

順番 やること
1 Cocoon Childが有効か確認
2 スキンを1つ選ぶ
3 サイト基本情報を整える
4 OGPホームイメージを設定
5 GA4 / Search Consoleを確認
6 高速化設定を確認
7 目次表示を確認

1. Cocoon Childが有効か確認する

最初に見るのは、Cocoonの子テーマが有効になっているかだ。

Cocoon公式では、親テーマと子テーマの両方をインストールし、子テーマを有効化して利用することを推奨している。親テーマのみでカスタマイズすると、テーマ更新時にCSSやテンプレートの変更がリセットされる可能性があるからだ。

確認場所は、WordPress管理画面の 外観 > テーマ

ここで Cocoon Child が有効になっていればOKだ。

エックスサーバーのクイックスタートなどでCocoonを選んだ場合でも、念のため確認しておくと安心できる。開設手順は エックスサーバーでWordPressブログを始める手順【2026年版】最短10分で開設 で整理している。


2. スキンを1つ選ぶ

次に、スキンを選ぶ。

スキンは、Cocoonの見た目を手軽に変える機能だ。公式では、WordPress管理画面から Cocoon設定 を開き、スキン タブのスキン一覧から選べると説明されている。

初心者は、ここで長く悩みすぎないほうがいい。

最初は次の基準で選べば十分だ。

基準 見ること
読みやすさ 文字が小さすぎないか
目が疲れないか
余白 詰まりすぎていないか
雰囲気 ブログのテーマとズレていないか

自分も最初、スキン選びでかなり時間を使った。けれど、検索流入がない初期に細かいデザインを詰めても、読まれる記事がなければ意味が薄い。まず1つ選んで、記事を書きながら調整でいい。

Cocoon設定は子テーマ、スキン、OGP、解析、高速化の順で進める


3. サイト基本情報を整える

次に、サイト名、キャッチフレーズ、サイトアイコンを整える。

ここはCocoonだけでなく、WordPress全体の見え方にも関わる。最低限、次を確認する。

項目 目安
サイト名 ブログ名を正しく入れる
キャッチフレーズ 何のブログか短く伝える
サイトアイコン ブラウザタブで見える画像を入れる
プロフィール 誰が書いているかを最低限伝える

固定ページやプロフィール周りは、AdSense審査前にも大事になる。まだ整っていない場合は ブログに必要な固定ページ4つ【初心者向け】プロフィール・お問い合わせ・プライバシーポリシーの作り方 も合わせて進めたい。


4. OGPホームイメージを設定する

OGPは、SNSなどでURLを共有したときに表示される画像や情報に関わる設定だ。

Cocoon公式FAQでは、SNSに投稿したURLのサムネイルがCocoonのものになる場合、Cocoon設定 > OGP タブから ホームイメージ を任意の画像に変更する案内がある。

最初は、凝った画像を作り込まなくてもよい。ブログ名がわかる横長画像を1つ作り、ホームイメージに設定しておく。

記事ごとのアイキャッチも大事だが、まずトップページが共有されたときに変な画像にならない状態を作る。


5. GA4 / Search Consoleを確認する

次に、アクセス解析とSearch Consoleの連携を確認する。

Cocoon公式では、GA4は Cocoon設定 > アクセス解析・認証 タブで GA4測定ID を入力する流れが説明されている。Search Consoleも同じ アクセス解析・認証 タブにIDを入力して保存する流れがある。

ただし、すでにSite Kitなど別の方法で連携している場合は、二重設定に注意する。Cocoon公式のGA4記事でも、タグマネージャーIDが入力されている場合はタグマネージャーが優先されると説明されている。

このブログでは、PVや検索表示回数を見ながら改善するため、GA4とSearch Consoleは早めに確認したい。PVが少ない理由の見方は、後でSearch Consoleの記事に広げる予定だ。


6. 高速化設定を確認する

Cocoonには高速化設定がある。

公式の高速化記事では、Cocoon設定 > 高速化 から、ブラウザキャッシュ、CSS縮小化、JavaScript縮小化などを設定できると説明されている。

初心者は、まず次を確認する。

項目 確認
ブラウザキャッシュ 有効化する
CSS縮小化 有効化後に表示確認
JavaScript縮小化 有効化後に表示確認
スマホ表示 崩れていないか見る

注意点は、設定後に必ず表示を見ることだ。高速化設定は便利だが、環境やプラグインによって表示が崩れることもある。もし崩れたら、焦らず一つずつ戻す。

SSL確認とあわせて表示を見るなら、WordPressブログのSSL化を確認する方法【初心者向けチェックリスト】 も参考になる。


7. 目次表示を確認する

最後に、目次表示を確認する。

Cocoon公式では、Table of Contents Plusのようなプラグインを使わず、テーマ独自機能で目次を表示できると説明されている。設定場所は Cocoon設定 > 目次 タブだ。

ブログ記事では、見出しが増えるほど目次が役に立つ。特に初心者向け手順記事では、読者が読みたい場所へ移動しやすくなる。

ただし、最初から目次デザインを細かくいじる必要はない。

まずは、投稿ページで目次が表示されるか、スマホで邪魔になっていないかを見る。


最初に触る設定と後回しでいい設定

Cocoonは高機能なので、初期設定で全部触ろうとすると時間が溶ける。

最初は、次のように分ける。

最初に触る 後回しでいい
子テーマ確認 細かいCSS
スキン ウィジェットの作り込み
サイト基本情報 広告の細かい配置
OGP SNSボタンの細かい見た目
GA4 / Search Console トップページの凝ったレイアウト
高速化 すべての色・余白調整
目次 使わない機能の全確認

Cocoon初期設定で最初に触る設定と後回しでいい設定

AdSense申請前の設定は、広告よりもサイトの信頼性や固定ページの整備が先だ。申請前チェックは AdSense審査前に確認すること【ブログ初心者向けチェックリスト】 にまとめている。


よくある質問

Q1. Cocoon設定は全部やる必要がありますか?

最初から全部やる必要はない。まずは子テーマ、スキン、サイト基本情報、OGP、アクセス解析、高速化、目次を確認すればよい。

Q2. スキンは後から変えてもいいですか?

後から変えてもよい。ただし、スキンによって見た目が大きく変わることがあるので、記事が増えたあとに変える場合はトップページと投稿ページを確認する。

Q3. SEOプラグインは入れたほうがいいですか?

最初は無理に入れなくてよい。Cocoon側にもSEOやOGP関連の設定があるため、プラグインと重複しないように注意する。必要になってから検討で十分だ。

Q4. 高速化設定で表示が崩れたらどうしますか?

直前に有効化した項目を一つずつ戻す。CSS縮小化やJavaScript縮小化は便利だが、表示確認とセットで進める。

Q5. 広告設定は最初にやるべきですか?

最初は後回しでよい。AdSense申請前は、広告配置よりも記事数、固定ページ、問い合わせ、プライバシーポリシー、サイト表示の安定を優先する。


まとめ:Cocoon初期設定は7項目だけ先に見る

Cocoonは多機能だが、初心者が最初に全部を触る必要はない。

まずは次の7項目で十分だ。

順番 確認すること
1 Cocoon Childが有効か
2 スキンを1つ選んだか
3 サイト名・キャッチフレーズ・サイトアイコンを整えたか
4 OGPホームイメージを設定したか
5 GA4 / Search Consoleを確認したか
6 高速化設定後に表示確認したか
7 目次が表示されるか

ここまでできたら、細かいデザイン調整より記事作成に進もう。


次に読みたい記事

参考にした公式情報

コメント

タイトルとURLをコピーしました