WordPress無料テーマCocoonの導入手順と初期設定まとめ【2025年版】

1. はじめに：Cocoonとは？

WordPressを始めたばかりの方に圧倒的に人気のある無料テーマが

「Cocoon（コクーン）」 です。

無料なのに高機能、SEOにも強く、使いやすい。

この特徴から、初心者ブロガーの定番テーマとして支持されています。

この記事では、

Cocoonの導入方法から基本設定までを、画像なしでもわかるように

シンプルに解説していきます。

2. Cocoonの特徴

まずはCocoonが人気な理由を簡単に見てみましょう👇

3. Cocoonを導入する準備

Cocoonは公式サイトからダウンロードする必要があります。

WordPressのテーマ検索では出てこない点に注意です。

🔗 Cocoon公式サイト

👉 https://wp-cocoon.com/

4. Cocoonのダウンロード方法

① Cocoon公式サイトにアクセス

② 上部メニューの「ダウンロード」をクリック

③ 以下の2つをダウンロードします👇

• Cocoonテーマ本体（親テーマ）
• Cocoon Child（子テーマ）

💡「子テーマ」も必ず入れるのがポイントです！

カスタマイズやデザイン変更をしても、更新時に上書きされません。

5. WordPressにCocoonをインストールする手順

STEP 1：管理画面にログイン

WordPressのダッシュボードを開きます。

STEP 2：「外観」→「テーマ」をクリック

STEP 3：「新しいテーマを追加」→「テーマのアップロード」

STEP 4：「ファイルを選択」から、ダウンロードした

• cocoon-master.zip（親テーマ） を選択 → 「今すぐインストール」

STEP 5：「有効化」はせずに、次に子テーマをアップロード

同じ手順で

• cocoon-child-master.zip（子テーマ） をインストール → こちらを「有効化」 します。

✅ これでCocoonの導入が完了です。

6. 子テーマを使う理由（重要）

Cocoonのアップデートが行われるたびに、

親テーマを直接カスタマイズしていると内容が上書きされてしまいます。

子テーマを有効化しておくことで、

カスタマイズ内容が安全に保持される仕組みです。

7. Cocoonの初期設定

インストールが終わったら、

次に最低限やっておきたい初期設定を行いましょう。

① サイト全体の設定

WordPressメニュー → 「Cocoon設定」→「全体」

以下を設定します👇

• サイトロゴをアップロード
• ファビコン（ブラウザアイコン）を設定
• サイト名・キャッチフレーズを入力

② スキン（デザイン）を変更

WordPressメニュー → 「Cocoon設定」→「スキン」

好みのデザインを選択して「変更をまとめて保存」。

ボタン一つでブログの雰囲気をガラッと変えられます。

💡 最初は「ゆるふわ」「マテリアル」「Simple」などがおすすめ。

③ 目次を自動表示する

WordPressメニュー → 「Cocoon設定」→「目次」

• 「投稿ページに目次を表示する」にチェック
• 「見出しタグ（h2, h3）」を選択

これで記事に目次が自動で挿入されるようになります。

④ SNSボタンの設定

WordPressメニュー → 「Cocoon設定」→「SNSシェア」

• 表示位置を「記事下」または「上下」に設定
• よく使うSNS（X、Instagram、LINEなど）を有効化

シェアボタンを設置しておくことで、拡散が期待できます。

⑤ フッター設定

WordPressメニュー → 「外観」→「ウィジェット」

フッターにプロフィールや著作権表記などを追加しておくと、

サイト全体の完成度がアップします。

8. 表示確認

ブラウザで自分のブログを開いてみましょう。

テーマが正しく反映されていればOK！

デザインが崩れていたり、文字が読みにくい場合は、

スキン変更や色設定を調整してみてください。

9. Cocoonを使う上での注意点

10. まとめ：Cocoonは初心者の最強テーマ

この記事のまとめ👇

✅ Cocoonは無料でSEO対策済み

✅ ダウンロードは公式サイトからのみ

✅ 親テーマ＋子テーマの両方をインストール

✅ 初期設定で見やすく整えることが大事

Cocoonを導入すれば、初心者でもすぐに

きれいなブログができます。