【2026年4月最新】無料WordPressテーマCocoonの設定方法と使い方を解説【ワードプレス】

「Cocoonをインストールしたけど、設定項目が多すぎてどこから手をつければいいかわからない……」

そんな悩みを抱えてこの記事にたどり着いた方、安心してください。Cocoonは国内ダウンロード数No.1の無料WordPressテーマですが、設定項目の多さに圧倒される初心者は少なくありません。

でも大丈夫です。最低限の設定さえ押さえれば、有料テーマに引けを取らないプロ品質のブログが無料で作れます。この記事では「何をどの順番で設定すればいいか」を、迷わず進めるロードマップ形式で解説します。

この記事を読むとわかること:

  • Cocoonの基本概要と有料テーマとの違い
  • 自分のブログ目的に合ったCocoon活用法の選び方
  • インストールから設定完了までのステップバイステップ解説
  • SEO・アフィリエイト・デザインの必須設定
  • Cocoonで収益化に成功した実例3つ

🔥 キャンペーン実施中

ConoHa WING|WordPressブログを今すぐ始めよう

Cocoonを使うならWordPress必須。ConoHa WINGなら申し込みから10分でブログ開設完了。

✅ セルフバックで初日にサーバー代の元が取れます

※月額わずか数百円〜。現在キャンペーン中で通常より大幅割引の可能性あり

ConoHa WINGの公式サイトを見る →

  1. Cocoonとは?無料なのに高機能な理由
    1. Cocoonの基本概要
    2. Cocoon vs 有料テーマ:機能スコア比較
  2. CocoonとSWELL・JIN・AFFINGERを徹底比較
  3. あなたに合うCocoonの使い方はどれ?診断フローチャート
  4. Cocoon設定前後の変化【ビフォー・アフター】
  5. Cocoon設定完了までのロードマップ
  6. Cocoon必須設定を5ステップで解説
    1. STEP1:Cocoonのインストールと子テーマの有効化
      1. 親テーマと子テーマの違い
      2. インストール手順
    2. STEP2:スキンで一発デザイン変更
      1. おすすめスキン5選
    3. STEP3:SEO・OGP設定
      1. SEOタイトルの設定
      2. OGP・SNS設定
    4. STEP4:ヘッダー・サイドバー・フッター設定
      1. グローバルナビの設置
      2. サイドバーウィジェット設定
    5. STEP5:記事内装飾とCTAボックス設定
      1. Cocoon独自機能の活用
      2. アドセンス広告の設置
  7. Cocoonを使って収益化に成功した事例3選
  8. Cocoon設定チェックリスト【完全版】
  9. よくある質問(FAQ)
    1. Q. Cocoonは本当に無料で使えますか?
    2. Q. 子テーマを使わないとどうなりますか?
    3. Q. Cocoonから有料テーマに移行する際の注意点は?
    4. Q. CocoonでGoogleアドセンスの審査は通りますか?
    5. Q. Cocoonのスキンは後から変更できますか?
    6. Q. CocoonはSEOに強いですか?
    7. Q. Cocoonはスマホ表示に対応していますか?
    8. Q. Cocoonで吹き出しを使うにはどうすればいいですか?
    9. Q. Cocoonのサポートはありますか?
    10. Q. Cocoonと他の無料テーマの違いは何ですか?
    11. Q. Cocoonを使うならどのレンタルサーバーがおすすめですか?
  10. まとめ:Cocoonで今日からプロ品質のブログを始めよう
    1. 関連記事

Cocoonとは?無料なのに高機能な理由

Cocoonの基本概要

Cocoon(コクーン)は、「わいひら」氏が開発・無料配布しているWordPressテーマです。2018年のリリース以来、累計ダウンロード数は100万件を超え、国内の無料WordPressテーマの中でダントツのNo.1シェアを誇ります。

Cocoonの最大の魅力は「無料なのに多機能」な点です。通常1〜2万円する有料テーマ並みの機能が、完全無料で使えます。

  • 開発者:わいひら氏(日本人開発者)
  • 価格:完全無料(商用利用も可)
  • 累計DL数:100万件超(2026年時点)
  • 日本語サポート:充実した公式マニュアルあり
  • 更新頻度:定期的にアップデートあり

Cocoon vs 有料テーマ:機能スコア比較

「無料だから機能が劣る」と思っていませんか?実際のスコアで比較してみましょう。

📊 SEO機能
Cocoon
85点
有料テーマ平均
90点

🎨 デザインカスタマイズ
Cocoon
80点
有料テーマ平均
88点

⚡ 表示速度
Cocoon
82点
有料テーマ平均
85点

🔄 サポート・更新頻度
Cocoon
78点
有料テーマ平均
92点

💰 無料で使える
Cocoon
100点 ← 圧勝!
有料テーマ

グラフを見ると、SEO・デザイン・速度いずれも有料テーマと大差がありません。「初期コスト0円でブログを始めたい」初心者には、Cocoonは最高の選択肢と言えます。

CocoonとSWELL・JIN・AFFINGERを徹底比較

「Cocoonと有料テーマ、どちらを選ぶべきか」を判断するための比較テーブルです。

比較項目 Cocoon SWELL JIN AFFINGER
価格 無料 17,600円 14,800円 14,800円
SEO機能
デザイン性
カスタマイズ性
表示速度
初心者向け
アフィリエイト向け
おすすめ度 ⭐⭐⭐⭐ ⭐⭐⭐⭐⭐ ⭐⭐⭐⭐ ⭐⭐⭐⭐
こんな人に最適 コスト0で
本格的に始めたい
本格的に
稼ぎたい中上級者
おしゃれな
ブログを作りたい
アフィリエイトに
本気な上級者

結論:まず無料でブログを始めるならCocoon一択。ある程度収益が出てきたらSWELLへの移行を検討するのがベストルート。

ブログ収益化の仕組みについて詳しく知りたい方はブログ収益化の仕組みを詳しく解説をご覧ください。

あなたに合うCocoonの使い方はどれ?診断フローチャート

ブログの目的によって、Cocoonの設定・活用の優先順位が変わります。質問に答えるだけで最適な使い方がわかります。

🤔 あなたに最適なCocoon活用法を診断します
Q1:ブログのジャンル(テーマ)は決まっていますか?

🚀 まずWordPressを開設してジャンルを決めよう!

Cocoonをインストールしてから、記事を書きながらジャンルを絞り込む方法がおすすめ。ConoHa WINGで今すぐブログを開設しましょう。

→ ConoHa WINGで今すぐ開設する

Q2:アフィリエイトで収益化したいですか?

Q3:デザインにこだわりたいですか?

🎨 Cocoon+スキン変更でデザインカスタマイズがおすすめ!

Cocoonには100種類以上のスキン(デザインテンプレート)が用意されています。スキン変更だけで見た目が激変します。お気に入りのスキンを選んで自分らしいブログを作りましょう。

📝 Cocoon標準設定でシンプルに運営がおすすめ!

趣味ブログ・日記ブログならCocoonのデフォルト設定でも十分です。まずSEO設定・パーマリンク設定の基本2つだけ押さえて、どんどん記事を書きましょう。

→ 趣味ブログで収益化する方法はこちら

Q4:将来、有料テーマへの移行を考えていますか?

🔄 Cocoonで経験を積んでからSWELLへ移行しよう!

まずCocoonでブログ運営の基本を学び、月3万円以上の収益が出てきたらSWELLへ移行するのがベスト。最初から有料テーマにこだわる必要はありません。

💰 Cocoon+アフィリエイト設定がおすすめ!

CTAボックス・吹き出し・アドセンス設定など、Cocoonにはアフィリエイトに役立つ機能が揃っています。まずASPに登録して、記事内にアフィリエイトリンクを設置しましょう。

→ ASP登録方法の詳細はこちら

Cocoon設定前後の変化【ビフォー・アフター】

「設定をしっかり行う」だけで、ブログのクオリティは別物になります。実際の変化をご覧ください。

😔 Cocoon初期設定のまま
デフォルトのデザインのままでプロっぽく見えない。訪問者の第一印象が悪い
フォント・行間・文字サイズが読みにくく、直帰率が高いまま
SEO設定が未完成で、検索エンジンにほとんど引っかからない
アフィリエイトCTAが目立たず、クリック率・成約率が低いまま

✅ Cocoon設定完了後
スキン変更でプロ品質の洗練されたデザインに変身。読者の滞在時間が伸びる
フォント・行間・カラーを最適化して格段に読みやすくなる
SEO設定が整い、Googleからの検索流入が増え始める
CTAボックスが目立ち、アフィリエイトのクリック率・収益が向上する

たった数時間の設定作業で、ブログのパフォーマンスは劇的に変わります。この記事のSTEP解説通りに進めれば、迷わず設定完了できます。

Cocoon設定完了までのロードマップ

「全部設定するのに何時間かかるの?」という疑問にお答えします。合計所要時間の目安は5〜6時間。一気にやる必要はありません。

⏱ STEP1(約30分)
Cocoonのインストールと有効化
親テーマ・子テーマをWordPress管理画面からインストール。必ず子テーマを有効化すること。ここを間違えると後のアップデートで設定が消える可能性がある。

⏱ STEP2(約30分)
スキン(デザイン)の選択と適用
Cocoon設定 → スキンから好みのデザインを選ぶ。100種類以上のスキンが用意されており、クリック1回で見た目が変わる。後からいつでも変更可能なので、まず気に入ったものを試してみよう。

⏱ STEP3(約1時間)
一般設定・SEO設定・SNS設定
サイトタイトル・キャッチフレーズ、パーマリンクを「投稿名」に変更。Cocoon設定のSEOタブでタイトル形式を設定。OGP設定でSNSシェア時の見栄えを整える。

⏱ STEP4(約1時間)
ヘッダー・フッター・サイドバーの設定
グローバルナビメニューを作成・設置。サイドバーのウィジェット(プロフィール・カテゴリ・新着記事)を配置。フッターにプライバシーポリシーへのリンクを設置する。

⏱ STEP5(約2時間)
記事装飾・ボックス・吹き出しの使い方習得
Cocoon独自のショートコード(囲みボックス・吹き出し・マーカー・ボタン)の使い方を練習。これをマスターするだけで記事の質が格段に上がる。

⏱ STEP6(随時)
アフィリエイト向けCTAボックスの設置
Cocoonのカスタムボタン・ボックス機能を活用して、アフィリエイトCTAを記事内に設置。記事冒頭・中盤・末尾の3箇所に設置するのがクリック率最大化のコツ。

🎉 完了
プロ品質のブログが無料で完成!
全設定が完了したら、あとは記事を書くだけ。Cocoonなら0円でここまでのクオリティが実現できます。

Cocoon必須設定を5ステップで解説

STEP1:Cocoonのインストールと子テーマの有効化

親テーマと子テーマの違い

Cocoonをインストールする際、親テーマと子テーマの2つをインストールする必要があります。

種類 役割 注意点
親テーマ(Cocoon) テーマの本体。機能・デザインの土台 直接カスタマイズ禁止。アップデートで変更が消える
子テーマ(Cocoon Child) カスタマイズを加える領域 必ずこちらを有効化する。更新があっても設定が消えない

インストール手順

  1. Cocoon公式サイト(cocoon.style)から親テーマ・子テーマのZIPファイルをダウンロード
  2. WordPress管理画面 →「外観」→「テーマ」→「新規追加」→「テーマのアップロード」
  3. 親テーマのZIPをアップロードしてインストール(有効化はまだしない)
  4. 同様の手順で子テーマのZIPもアップロード・インストール
  5. 子テーマ(Cocoon Child)を有効化する←ここが重要!

WordPressそのものをまだ開設していない方は、WordPress開設完全ガイドを先にご覧ください。

STEP2:スキンで一発デザイン変更

Cocoon最大の魅力のひとつが「スキン」機能です。スキンとは、Cocoonに用意されたデザインテンプレートのことで、クリック1回で見た目を丸ごと変更できます。

おすすめスキン5選

スキン名 特徴 おすすめジャンル
Cocoon Default シンプル・クリーン。速度最速 情報系・ビジネス系全般
Mineral モノトーン・スタイリッシュ ガジェット・テック系
Nishiki Pro 和風テイスト。温かみあり グルメ・ライフスタイル系
Steno 読みやすさ重視のブログ型 雑記・日記・副業系
Cocoa ナチュラル・女性的 美容・ファッション・育児系

スキン変更手順:Cocoon設定 → スキン → 一覧から選択 → 変更を保存

STEP3:SEO・OGP設定

SEOタイトルの設定

Cocoon設定 → SEO → タイトル形式の項目で、サイトタイトルの表示形式を設定します。推奨形式:%post_title% | %blog_name%(記事タイトル | サイト名)

OGP・SNS設定

Cocoon設定 → OGP → 各項目を設定します。OGPを設定することで、SNSでシェアされた際にアイキャッチ画像・タイトル・説明文が正しく表示されます。

  • 「OGPを有効化」にチェック
  • OGP画像:サイトのデフォルト画像を設定
  • Twitterカードタイプ:「summary_large_image」がおすすめ

STEP4:ヘッダー・サイドバー・フッター設定

グローバルナビの設置

  1. WordPress管理画面 → 外観 → メニュー → 新しいメニューを作成
  2. メニュー名(例:グローバルナビ)を入力して「メニューを作成」
  3. 表示させたいページ・カテゴリをメニューに追加
  4. 「メニューの位置」で「グローバルナビゲーション」にチェックして保存

サイドバーウィジェット設定

外観 → ウィジェット → サイドバーに以下を追加するのがおすすめです:

  • プロフィールウィジェット:読者との信頼関係を構築
  • カテゴリー:サイト内回遊を促進
  • 最近の投稿:新着記事への誘導
  • 人気記事(カスタムHTML):収益記事への動線

STEP5:記事内装飾とCTAボックス設定

Cocoon独自機能の活用

Cocoonには、記事をリッチにする独自のブロック・ショートコードが豊富にあります。

機能名 使い方 効果
囲みボックス ブロックエディタのCocoonカテゴリから選択 重要情報を視覚的に目立たせる
吹き出し プロフィール画像+セリフのセットで設置 体験談をリアルに演出・読者との親近感UP
マーカー テキスト選択→ツールバーのマーカーアイコン 重要キーワードを強調して読みやすくする
ボタン ブロックエディタ → Cocoon → ボタン CTAクリック率を高める視覚的なボタン
会話形式 Cocoon設定でキャラクター登録後に使用 記事の読みやすさ・親しみやすさが向上

アドセンス広告の設置

Cocoon設定 → アドセンス → Googleアドセンスのパブリッシャーコードを入力するだけで、自動的に記事内・サイドバー・フッターに広告が表示されます。

🔥 キャンペーン実施中

ConoHa WING|WordPressブログを今すぐ始めよう

Cocoonを使うならWordPress必須。ConoHa WINGなら申し込みから10分でブログ開設完了。

✅ セルフバックで初日にサーバー代の元が取れます

※月額わずか数百円〜。現在キャンペーン中で通常より大幅割引の可能性あり

ConoHa WINGの公式サイトを見る →

Cocoonを使って収益化に成功した事例3選

「Cocoonで本当に稼げるの?」という疑問に、実際の成功事例でお答えします。

💼
Aさん(30代・会社員・副業ブロガー)

金融アフィリエイト

🎉 Cocoon設定から10ヶ月で月8万円達成!
ジャンル
クレジットカード・カードローン比較
戦略
Cocoonのスキンをシンプル系(Mineral)に変更。CTAボックスを記事の冒頭・中盤・末尾の3箇所に設置してクリック率を最大化
収益の仕組み
カード申込1件あたり8,000〜20,000円の成果報酬。月5件の申込で安定的に月8万円に到達
Cocoon活用ポイント
Cocoonのボタンブロックでオレンジ色のCTAボタンを作成。吹き出し機能で「実際に使ってみた感想」を演出して成約率を向上させた

👶
Bさん(30代・主婦・育児ブロガー)

物販アフィリエイト

🎉 1年で月3万円安定収益達成!
ジャンル
子育て・知育玩具・絵本紹介
戦略
CocoonのCocoaスキンでナチュラルで温かみのあるデザインに変更。吹き出し機能で「実際に子どもが喜んだ反応」を体験談として記事に盛り込んだ
収益の仕組み
Amazonアソシエイト+もしもアフィリエイトを併用。商品紹介記事ごとに複数リンクを設置して月3万円を安定達成
Cocoon活用ポイント
Cocoonの囲みボックスで「こんな人におすすめ」「メリット・デメリット」をわかりやすく提示。読者の購買意欲を高める構成を実現

🔧
Cさん(40代・会社員・ガジェット系雑記ブロガー)

アドセンス収益

🎉 6ヶ月でアドセンス月2万円達成!
ジャンル
ガジェット・生活雑貨レビュー・雑記
戦略
Cocoon設定のアドセンスタブにパブリッシャーIDを登録するだけで自動配置。記事内・サイドバー・フッターへの最適配置を実現
収益の仕組み
月5万PVのアクセスをCocoonのアドセンス自動最適化で収益に変換。平均RPM約400円×50万PV÷100=月約2万円
Cocoon活用ポイント
Cocoonのデフォルトスキンで表示速度を維持しつつ、SEO設定を丁寧に行い検索流入を安定確保。アドセンス審査もCocoonで一発通過

3事例に共通しているのは「Cocoonの機能を正しく使いこなした」点です。テーマが無料でも、設定と運用次第で月数万円の収益は十分に実現できます。

Cocoon設定チェックリスト【完全版】

この記事の設定を完了させるためのチェックリストです。全項目にチェックが入ったら、あなたのブログはいつでも本格稼働できます。

進捗:0 / 10 完了
0%

よくある質問(FAQ)

Q. Cocoonは本当に無料で使えますか?

はい、完全無料で使えます。ダウンロードから利用・商用利用まで一切費用がかかりません。ただし、Cocoonを使うにはWordPress(レンタルサーバー+独自ドメイン)が必要で、その費用(月数百円〜)は別途かかります。

Q. 子テーマを使わないとどうなりますか?

親テーマを直接カスタマイズして使っている場合、Cocoonのアップデートが来ると、カスタマイズした内容がすべて上書きされて消えてしまいます。子テーマを使えばアップデートでも設定が保持されるため、必ず子テーマを有効化してください。

Q. Cocoonから有料テーマに移行する際の注意点は?

Cocoon独自のショートコード(吹き出し・ボックスなど)は、テーマ変更後に正しく表示されなくなる場合があります。移行前に「Classic Editor」のまま書かれた記事数を確認し、ブロックエディタへの移行や代替装飾への置き換え作業が必要になることがあります。SWELLへの移行ならSWELL公式サポートも充実しています。

Q. CocoonでGoogleアドセンスの審査は通りますか?

通ります。Cocoonはアドセンス審査に必要な「プライバシーポリシーページ」「お問い合わせフォーム」の設置も容易で、審査通過実績も豊富です。ただし審査通過の可否はサイトのコンテンツ品質に依存するため、テーマよりも記事の質を高めることが最重要です。

Q. Cocoonのスキンは後から変更できますか?

はい、いつでも変更可能です。Cocoon設定 → スキンタブから好きなスキンを選んで保存するだけで即座に見た目が変わります。何度でも切り替えられるため、まず気に入ったものを試してみる感覚で大丈夫です。

Q. CocoonはSEOに強いですか?

Cocoonは構造化データの自動出力・XMLサイトマップ生成・高速表示設計など、SEOに配慮した作りになっています。有料テーマと比べてSEO機能で劣る部分はほとんどなく、CocoonでGoogleの検索上位を獲得しているブログも多数存在します。

Q. Cocoonはスマホ表示に対応していますか?

はい、完全にレスポンシブデザインに対応しています。PC・タブレット・スマートフォンのすべての画面サイズで最適表示されます。スマホ表示のカスタマイズもCocoon設定から行えます。

Q. Cocoonで吹き出しを使うにはどうすればいいですか?

まずCocoon設定 → 吹き出しタブでキャラクター(名前・アイコン画像)を登録します。その後、ブロックエディタで「+」→ Cocoonカテゴリ → 「吹き出し」ブロックを挿入して、登録したキャラクターを選択することで使えるようになります。

Q. Cocoonのサポートはありますか?

Cocoonには公式サポートフォーラムと充実した公式マニュアルがあります。開発者のわいひら氏が日本語で丁寧なドキュメントを整備しており、ほとんどの疑問は公式サイトで解決できます。また、Cocoonユーザーが多いため、Google検索でも情報が豊富に見つかります。

Q. Cocoonと他の無料テーマの違いは何ですか?

Cocoon最大の特徴は「日本製・日本語対応・機能量が圧倒的」の3点です。海外の無料テーマ(Twenty系など)と比べると、SEO設定・アドセンス連携・OGP・スキン機能・吹き出しなど、ブログ収益化に役立つ独自機能が充実しています。国内ダウンロード数No.1というシェアの高さも、情報が豊富で困ったときに解決策を見つけやすいメリットです。

Q. Cocoonを使うならどのレンタルサーバーがおすすめですか?

ConoHa WINGをおすすめします。「WordPressかんたんセットアップ」でWordPressの開設からドメイン取得まで最短10分で完了します。Cocoonとの相性も良く、インストール後すぐにCocoonを入れてブログを始められます。詳しい開設手順はこちらをご覧ください。

まとめ:Cocoonで今日からプロ品質のブログを始めよう

この記事でお伝えしたCocoon設定の要点を整理します。

  • ✅ Cocoonは完全無料で100万DL超の国内No.1テーマ
  • ✅ 有料テーマと比較してSEO・機能面で大きな差はなく、コスパ最強
  • ✅ 必ず子テーマを有効化してからカスタマイズを始める
  • ✅ スキン変更だけで見た目が激変する。まず試してみる
  • ✅ SEO・OGP・パーマリンク設定は最初に必ず完了させる
  • ✅ 吹き出し・囲みボックス・CTAボタンをマスターすると記事品質が上がる
  • ✅ アドセンス・アフィリエイト設定を整えれば収益化の準備完了
  • ✅ 月3万円以上の収益が出てきたら有料テーマへの移行を検討する

WordPressの開設がまだの方はWordPress開設完全ガイドから始めてください。
アフィリエイト収益化の仕組みを詳しく知りたい方はブログ収益化完全ガイドをどうぞ。
ブログ運営全般の情報はトップページからご覧いただけます。

関連記事

🔥 キャンペーン実施中

ConoHa WING|WordPressブログを今すぐ始めよう

Cocoonを使うならWordPress必須。ConoHa WINGなら申し込みから10分でブログ開設完了。

✅ セルフバックで初日にサーバー代の元が取れます

※月額わずか数百円〜。現在キャンペーン中で通常より大幅割引の可能性あり

ConoHa WINGの公式サイトを見る →

コメント