WordPressテーマ「Cocoon」の使い方マニュアルを、初心者向けにまとめました。
Cocoon は素晴らしい無料WordPressテーマです。
ここでは Cocoon のインストール方法から基本的な使い方、カスタマイズ方法までまとめていますので、Cocoonを使おうかな？と思っている方や、Cocoon初心者の方は是非見てみて下さいね。
【WordPress】ブログテーマおすすめ比較ランキングはこちら
見たいところに飛べる目次
Cocoonの概要
| テーマ名 | WordPressテーマ「Cocoon」 |
| 価格 | 無料 |
| 開発者 | わいひらさん（@MrYhira） |
| 推奨環境 | WordPress5.7.0以上
PHP7以上（5.6でも動作するとは思います）
Google Chrome
Firefox
Microsoft Edge
Safari |
| 商用利用 | 商用・非商用を問わず無料で利用可能 |
| 内容制限 | どのようなサイトにも利用可能 |
| ライセンス | 100%GPL |
なお、Cocoonってどうなの？本当にオススメなの？と思っている方は、下記よりCocoonの評判やレビューが見られますので確認してみてくださいね。
あわせて読みたい
【無料】Cocoon評判＆レビュー｜気になるメリットデメリットは？
Cocoonの口コミ評判と、実際に使った僕のレビューを本音で紹介するよ～！ 本記事の内容 Cocoonの評判 Cocoonの本音レビュー Cocoonのメリットデメリット Cocoonって、ど… Cocoonのデザイン事例
Cocoonのデザイン事例を見たい方は、下記をどうぞ。
あわせて読みたい
Cocoonを使ったブログデザイン集｜参考になるサイト80選
WordPressテーマCocoonを使ったブログ・サイトをたっぷりと紹介します。 今回、WordPressテーマ「Cocoon」を使ったブログデザインを集めてみました。 WordPressテーマCo… Cocoonの導入方法
Cocoonのダウンロード、インストール方法については、下記をどうぞ。
あわせて読みたい
WordPressテーマ「Cocoon」のインストール方法を解説
WordPressテーマ「Cocoon」のダウンロード～インストール方法、デザイン着せ替えの設定を解説！ WordPressテーマCocoonのダウンロードってどうやるんですか？まだWordPr… Cocoonの初期設定方法
Cocoonをインストールできたら、次は初期設定も行っておきましょう。
あわせて読みたい
Cocoonの初期設定方法｜32枚の画像つきで分かりやすく解説！
ブログ超初心者のための、「マネするだけでOK」のCocoon初期設定方法になります。 これを見ながら設定すれば、とりあえずCocoonを使ってブログを書く準備ができるので、… Cocoonのスキン選び（デザイン着せ替え）
Cocoonのスキン選びに迷ったらコチラをどうぞ。
あわせて読みたい
Cocoonスキン一覧｜おすすめランキング付きで紹介【107種類】
Cocoonスキン一覧と、Ｘで調査して分かったおすすめスキンランキングを紹介します。 本記事の内容 おすすめが分かる人気スキンランキング Cocoonスキン一覧（107種類） … Cocoonの使い方マニュアル
Cocoonの使い方マニュアル的な内容です。
アナリティクスとの連携
CocoonをGoogleアナリティクスを連携する方法について解説。
あわせて読みたい
CocoonにGoogleアナリティクスGA4を設定する方法を解説
CocoonにGoogleアナリティクス（GA4）を設定・導入する方法を解説！ CocoonにGoogleアナリティクスを設定する方法を知りたいです･･･。 こんなお悩みを解決します。 Coco… カスタマイズ
「Cocoonのトップページがおしゃれにできないな～」という方向けに、ヘッダーのカスタマイズ方法をお届けします。
あわせて読みたい
Cocoonヘッダーをカスタマイズ｜画像・グローバルナビを設定する方法
Cocoonでヘッダー画像・グローバルナビを設定する方法を「初心者向けに」分かりやすく解説！ Cocoonを使っていますが、全然オシャレな見た目にできません。 こういった… Cocoonのヘッダーを設定できたら、ヘッダー下に「おすすめカード」の設置もしておきましょう。
あわせて読みたい
Cocoonおすすめカードにカテゴリーを設定する方法
WordPressテーマ「Cocoon」おすすめカードにカテゴリーを設定する方法を解説！ Cocoonのおすすめカードを設置したいです。でも、良く分からなくて･･･。 こういった疑問… Cocoonの目次をカスタマイズする方法です。２ステップでオシャレにできます。
あわせて読みたい
Cocoonの目次をカスタマイズ｜サイドバー追従目次の作り方も
たった２ステップでCocoonの目次をオシャレにカスタマイズする方法を解説します。 デフォルトの目次だとダサイんだよな～。 という方は、是非。 コピペするだけ、たった… Cocoonサイドバーの見出しデザインをカスタマイズする方法です。
あわせて読みたい
Cocoonサイドバーの見出しデザインをカスタマイズ【5パターン】
Cocoonサイドバーの見出しデザインをカスタマイズする方法を解説！ 今回は、サイドバー見出しデザインを５つ紹介します。 Cocoonサイドバーの見出しデザインをオシャレ… Cocoonのh2、h3見出し「だけ」をカスタマイズする方法です。
あわせて読みたい
Cocoonの「見出しだけ」をカスタマイズ｜他のh3タグに影響させない方法
Cocoonの「h2、h3見出しだけ」をカスタマイズする方法を解説！（h4以下はデフォルトを使います） 通常、「見出し」をカスタマイズする場合、h2タグ、h3タグをカスタマイ… アフィリエイト広告の貼り方
Cocoonを収益化するためには、アフィリエイト広告の貼り付け方も知っておく必要があります。
あわせて読みたい
Cocoonでのアフィリエイト広告の貼り方を画像22枚でやさしく解説
初心者を苦しめるCocoonでのアフィリエイト広告の貼り方を分かりやすく解説！ Cocoonを使う初心者ブロガーのつまづきポイント「アフィリエイト広告の貼り方」を解説しま… ふきだし
Cocoonには便利な吹き出しが簡単に使えます。登録方法と使用法を解説しています。
あわせて読みたい
Cocoon吹き出しの使い方とカスタマイズ【動くアニメーションも】
Cocoon吹き出しの使い方とカスタマイズ方法を解説します。 動くアニメーションの設定方法も解説しますね。 それでは、どうぞー。 ▼WordPressテーマおすすめランキング▼ … サイトマップ
Cocoonにサイトマップを設定する方法です。XML・HTMLサイトマップのどちらも解説しています。
あわせて読みたい
Cocoonサイトマップの作り方【XML・HTML】
CocoonでXMLサイトマップとHTMLサイトマップを設定する方法（作り方）を、詳しく解説します。 本記事の内容 XMLサイトマップとHTMLサイトマップの役割 XMLサイトマップ… プロフィール
Cocoonにプロフィールを設定する方法です。サイドバーや記事下に設置する方法についても紹介しています。
あわせて読みたい
Cocoonプロフィールをサイドバーや記事下に設定する方法
Cocoonプロフィールをサイドバーや記事下に設定する方法について解説します。 この記事で分かること プロフィールを設置した例 プロフィール作成前に用意するもの サイ…
あわせて読みたい
Cocoonでプロフィールをおしゃれにカスタマイズする方法
WordPressテーマ「Cocoon」でプロフィールをカスタマイズする方法を解説！ Cocoonプロフィールを使いたいのですが･･･できれば見た目もこだわりたいです。 こういった悩… Cocoonの作者が最もおすすめする有料テーマ
WordPressテーマ「SWELL」は当サイトで使用しているテーマです。
当サイトでは、Cocoon→JIN→SWELLといった流れでテーマ移行をしてきました。
SWELL使用後にもAFFINGER6、THE THOR、SANGOなど、有料テーマは合計10コ使ってきました。
そして、結果的にはSWELLが最高のテーマであると断言します。
CocoonとSWELLがどう違うのか気になるという方は、下記の比較記事をチェックしてみて下さい。
あわせて読みたい
CocoonとSWELLを比較してみた｜どっちも良いテーマです！
「Cocoon」と「SWELL」を７項目で徹底比較！しました。 Cocoonを使っていて、SWELLにしようか迷っています。 こういったお悩みを解決します。 13コの有料テーマを使って… 上記では、SWELLへの移行方法も解説していますので、有料テーマが気になっている方は、ぜひ見てみてください。
コメント