Cocoonの使い方を初心者向けに完全解説｜インストールから記事公開までの全手順

WordPressの無料テーマ「Cocoon」は、初心者からベテランまで幅広いブロガーに支持されている人気テーマだよ。でも、いざインストールしてみると「設定項目が多すぎてどこから手をつければいいかわからない」って声をよく聞くんだよね。

Cocoonの設定タブは20個以上あるけど、最初に触るのは5つだけで大丈夫。残りのタブはブログ運営に慣れてから少しずつ設定していけばいい。

この記事では、Cocoonのインストール方法から最低限の初期設定、記事の書き方、公開までの流れを一気に解説するよ。この記事の手順通りに進めれば、今日中にCocoonで記事を公開できるはず。

ナビ助

Cocoonは「無料なのに高機能すぎる」って有名なテーマだよ。設定項目の多さにビビらなくて大丈夫、最初は5つだけ触ればOK！

💻 ナビ助おすすめのレンタルサーバー

国内最速・かんたんセットアップでブログ開設

✅ 国内最速のレンタルサーバー
✅ WordPressかんたんセットアップ
✅ 独自ドメイン2つ無料
✅ 初月割引キャンペーン実施中

ConoHa WINGを見てみる

※最短10分でブログ開設できます

⭐おすすめ記事
ブログ運営Labへようこそ！サーバー選びに迷ったら、こちらの記事が参考になります。

ConoHa WINGの口コミ・評判｜国内最速サーバーの実力を検証

料金・速度・使いやすさを正直レビュー

Cocoonのインストール手順
最初に設定すべき5項目
Cocoonで記事を書く基本操作
Cocoonならではの便利機能
Cocoonで最低限入れるべきプラグイン
よくある質問
まとめ

Cocoonのインストール手順

公式サイトからダウンロード

Cocoon公式サイトから親テーマと子テーマの両方をダウンロードしよう。必ず親テーマと子テーマの2つをダウンロードするのがポイント。子テーマを使わずに親テーマだけで運営していると、Cocoonのアップデート時にカスタマイズした設定がすべて消えてしまうから要注意だよ。

WordPressにインストールする

ダッシュボードの「外観」→「テーマ」→「新しいテーマを追加」→「テーマのアップロード」の順に進む。親テーマを先にインストールして、次に子テーマをインストールする。最後に子テーマの方を「有効化」すれば完了。この順番を間違えるとエラーが出ることがあるから、必ず親→子の順序を守ってね。

エックスサーバーならワンクリックで設定可能

エックスサーバーを使っている場合、WordPressのインストール時にCocoonを選択するだけで自動的にセットアップされる。親テーマと子テーマのダウンロードやアップロードの手間が省けるから、サーバー選びの段階でエックスサーバーを選んでおくと楽だよ。

注意

Cocoonをインストールしたら、「外観」→「テーマ」で「Cocoon Child」が有効になっていることを確認しよう。「Cocoon」（親テーマ）が有効になっている場合は、必ず子テーマに切り替えること。

最初に設定すべき5項目

1. スキンを選んで見た目を整える

「Cocoon設定」→「スキン」タブを開こう。100種類以上のスキンの中から好みのデザインを選ぶだけで、ブログ全体の印象がガラッと変わる。各スキンにはプレビュー機能がついているから、実際の表示を確認しながら選べるよ。後から何度でも変更できるから、最初は直感で選んで大丈夫。人気のスキンとしては「JEEP」や「grayish」などがあるよ。

2. SEO設定でメタ情報を最適化

「Cocoon設定」→「SEO」タブで、メタディスクリプションの自動設定をオンにしよう。記事の冒頭部分が検索結果の説明文として自動的に使われるようになる。記事ごとに手動で設定することもできるけど、最初のうちは自動設定で十分。重要な記事だけ手動で最適化していく流れがおすすめだよ。

3. アクセス解析ツールを連携

「Cocoon設定」→「アクセス解析・認証」タブで、Googleアナリティクス（GA4）の測定IDとGoogleサーチコンソールの認証コードを入力するだけ。わざわざプラグインを追加しなくてもアクセス解析ツールと連携できるのは、Cocoonの大きなメリットだよ。データは早く溜め始めたほうが後で役立つから、ブログ開設直後に設定しておこう。

4. 高速化設定をオンにする

「Cocoon設定」→「高速化」タブで、ブラウザキャッシュ、HTML・CSS・JavaScriptの縮小化、画像の遅延読み込みをすべてオンにしよう。これだけで表示速度が体感レベルで改善される。表示速度はGoogleのランキング要因の一つでもあるから、初期設定の段階で必ずやっておくべき項目だよ。

5. 目次の自動表示を有効化

「Cocoon設定」→「目次」タブで自動表示をオンにする。h2見出しが2つ以上ある記事に自動的に目次が生成される仕組みだよ。目次があると読者が記事全体の構成を把握しやすくなるし、知りたい情報へ直接ジャンプできるから利便性が高い。プラグインを追加する必要もないのが嬉しいポイントだね。

ナビ助

この5つの設定、全部やっても20分くらいで終わるよ。サクッと済ませて、あとは記事を書くことに集中しよう！

Cocoonで記事を書く基本操作

新しい記事の作成方法

ダッシュボードの「投稿」→「新規投稿を追加」をクリック。タイトルを入力して、本文エリアに文章を書き始めるだけ。ブロックエディタ（Gutenberg）を使って、段落、見出し、画像、リストなどのブロックを追加していく形式だよ。「/」を入力するとブロック検索が起動するから、使いたいブロック名を打ち込めばすぐに挿入できる。

見出しの正しい使い方

見出しはh2（大見出し）→h3（中見出し）→h4（小見出し）の順に階層構造で使うのがルール。h1は記事タイトルに使われるから、本文中ではh2から始めよう。見出しを飛ばして「h2→h4」のように使うのはSEO的にも構造的にもNGだから注意してね。

装飾機能の活用

Cocoonには吹き出し、ボックス装飾、マーカー（蛍光ペン風下線）などの装飾機能が充実している。特に情報ボックスや注意ボックスは重要なポイントを強調するのに効果的だよ。ただし装飾の使いすぎは逆効果で、1つの見出しブロック内で使う装飾は2〜3種類までに抑えるのがコツ。

アイキャッチ画像の設定

記事編集画面の右サイドバーに「アイキャッチ画像」の設定欄がある。横1200px × 縦630pxの画像がおすすめで、SNSでシェアされたときにもきれいに表示されるサイズ。Canvaのテンプレートを使えば、デザインの知識がなくてもプロっぽいアイキャッチが作れるよ。

Cocoonならではの便利機能

ブログカードで内部リンクを目立たせる

記事のURLを入力するだけで、サムネイル付きのカード型リンクが自動生成される機能。見た目が目立つから、関連記事への誘導がしやすくなる。ただし、テキストリンクのほうがクリック率が高い場合もあるから、場面に応じて使い分けるのがベストだよ。

広告の一元管理

「Cocoon設定」→「広告」タブで、AdSense広告の表示位置を記事上・記事下・見出し前など細かく設定できる。広告コードを1ヶ所に登録するだけで全記事に反映されるから、管理の手間がかからない。ただしAdSenseの審査に通っていない段階では、この設定は後回しでOK。

テンプレート機能でアフィリエイトコードを管理

よく使うアフィリエイトコードをテンプレートとして登録しておける機能。記事内にショートコードで挿入するだけで呼び出せるから、毎回コードをコピペする手間が省ける。案件のリンクが変更になったときも、テンプレートを1ヶ所修正するだけで全記事に反映されるのが便利だよ。さらに詳しいカスタマイズについては以下の記事で紹介してるよ。