WordPressテーマ【Cocoon】これが無料なの？とおどろく、超優良テーマを徹底解説！

「Cocoon」は「繭（まゆ）」をイメーシした、白色をベースとしたシンプルなデザインのWordPressテーマです。

基本構成は2カラムで、ヘッダー・メインコンテンツ・サイドバー・フッターなどがシンプルながらも分かりやすく配置されています。

くわしくは「2-9-1．スキン機能で着せ替えができる」で後述しますが、

ブログの配色やレイアウトなどを簡単に切り替えることができる「スキン」が豊富にあることもCocoonの特長です。

「Cocoon」ではテーマ内にあらかじめ主要な内部SEO対策がなされていることも魅力の1つです。

Cocoonで対策されている主な内部SEO対策は以下のとおりです。

ダッシュボードの「Cocoon設定」をみると、機能別の設定タブがたくさん並んでいます。

その中から「SEO」タブや「AMP」タブを開くだけでSEO関連の設定が可能になります。

メタタグ（メタディスクリプション、メタキーワード）は投稿作成ページの下部で設定できます。

パソコンやスマホなど、異なる画面サイズでも自動的に最適な表示をおこなうことを「レスポンシブ」といいます。

「Cocoon」のソースコードはパソコン用とモバイル用が100％同じになっており、レスポンシブに完全対応していることが特長です。

インターネットユーザーの大多数がスマホやタブレットなどのモバイル環境からWebサイトにアクセスする現状のなかで、レスポンシブ対応の有無は検索エンジンからの評価にも大きく影響するといわれています。

また、ソースコードが1つであれば、すべてのデバイス向けの更新や修正を1カ所でまとめておこなうことができます。

「Cocoon設定」画面で「モバイル」タブを選択すると、「モバイル設定」画面が表示されます。

ここではモバイル環境（スマートフォンなど）で表示するレイアウトの設定が可能です。

同じ画面上に表示される「プレビュー」を見れば、モバイル環境での表示を手軽に確認することができます。

訪問者がストレスなくWebサイトを閲覧できるようにするには、ページの表示速度を高速化する必要があります。

ページ高速化は検索エンジンに評価される要素の1つでもあります。

「Cocoon」はあらかじめPageSpeed Insightsで高得点が取れるように作られています。

また、画像を初めから読み込まず、スクロールしたタイミングで画像を読み込むLazy Loadにも対応して。います。

Cocoonではデフォルトでも高速化対応がなされていますが、設定内容を手軽に変更することもできます。

「Cocoon設定」内で「高速化」を選択すると、「サイト高速化」画面が開きます。

この画面で設定できる項目は以下のとおりです。

上記にくわえて、画像圧縮プラグインやページキャッシュプラグインを導入し、さらに高速化する方法も、「Cocoon」公式ホームページで紹介されています。

「Cocoon」は無料テーマとは思えないほど機能が豊富です。

一般的に無料テーマには最低限の機能しかないものが多いため、機能を追加するためにプラグインを入れる必要があります。

しかし、「Cocoon」では、WordPressのデザインをカスタマイズする機能やテキスト装飾、画像・リンクなどを挿入する機能など、

よく利用される機能の多くが「Cocoon設定」内や投稿作成ページのエディターにあらかじめ備わっています。

よって、導入するプラグインを最低限に減らすことができます。

「Coccoon設定」画面ではさまざまな設定が可能です。

投稿画面のエディターにも文字装飾などさまざまな機能を搭載しています。

どのような機能が必要になるかは作りたいWebサイトによりますが、一般的に導入が推奨されている主なプラグインは以下のとおりです。

上記のうちで「Cocoon」にない機能は、お問い合わせフォームとスパム対策です。

その他のメイン機能は「Cocoon設定」内や投稿作成ページのエディターに搭載されています。

「Cocoon」作成者の「わいひら」さんは、フォーラムで利用者からの疑問や要望、トラブルなどの情報を積極的に収集し、

不具合の解消や新しいスキン、機能追加などを目的とするアップデートを頻繁に実施しています。

アップデートに関する情報はCocoon公式ホームページの「マニュアル」内に掲載されています。

「Cocoon」はWebサイトを手軽に収益化できる機能が充実しています。

Webサイトを収益化するには、Webサイト内で商品やサービスを紹介し、広告に誘導する方法が一般的です。

広告には「Googleアドセンス」「ASPアフィリエイト」「物販アフィリエイト」などの種類があります。

「Cocoon」には広告タグをショートコード化して一括管理できる機能もあります。

エディターのリストにアフィリエイトコードを表示できるので、収益化を目的としたコンテンツ作成の効率化に役立ちます。

以下で、Cocoonに搭載されている収益化機能の一部を説明します。

「Cocoon」の投稿エディターには多くの機能があらかじめ搭載されており、初心者でも簡単に多彩な装飾をおこなうことができます。

上の画像は新エディター（ブロックエディター、Gutenberg）ですが、旧エディター（クラシックエディター）への切り替えも容易です。

Webサイトのビジュアルを手軽にカスタマイズできることも「Cocoon」のメリットです。

上記はスキン「Coccoonデフォルト」を適用した場合のデザインです。

上記はスキン「Veilnui-Simple-amber」を適用した場合のデザインです。

このスキンの着せ替え機能と、デザインやレイアウトを変更するための機能については、以下にくわしく紹介します。

WordPressでWebサイトを開設する際の初期費用は、ブログのジャンルや運営目的などにより異なります。

以下は初期費用の例です。

Webサイトを開設してから順調に収益化できるまでには、一般的に数か月～1年以上の時間がかかります。

そのため、初期費用はできるだけ抑えたいと考える人は少なくありません。

「Cocoon」は無料テーマとは思えないほど高機能・多機能なので、Webサイトの初期費用やランニングコストを抑えたい人は、おすすめのWordPressテーマと言えます。

WordPressには有料無料含めたくさんのテーマが存在するため、とくに初心者の方はどれを選べば良いかわからず悩むケースも多いでしょう

有料テーマなら一定の機能性やデザイン性、サポートは保証されるものの、値段が高いものが多いため、初心者にとっては判断が難しいかもしれません。

無料テーマもたくさんの種類があるものの、有料テーマほどの機能性やデザイン性がない場合が多いため、初心者にとっては理想のテーマを見つけるのがとても難しいと思います。

「Cocoon」は必要な機能一通り備えており、操作性も良いため、WordPressの知識・経験が少ない初心者にもおすすめです。

「Cocoon」には親テーマと子テーマがあり、原則として両方のインストールが必要です。

WordPressがWebサイトを表示する際は、親テーマと子テーマの両方を読み込みます。

また、子テーマはアップデートされません。

親テーマだけをインストールして有効化した場合、テーマがアップデートされる度にCSSやテンプレートのカスタマイズも初期設定に戻ってしまうため、設定をやり直す手間がかかります。

しかし、親テーマと子テーマをインストールした上で子テーマを有効化すれば、テーマがアップデートされても、子テーマでカスタマイズした内容は影響を受けません。

メンテナンスの手間を最低限にするために、親テーマと子テーマの両方をインストールし、子テーマを有効化して利用するようにしましょう。

Cocoon公式サイトの「ダウンロード」ページから親テーマ（Cocoonテーマ）をダウンロードします。

WordPressのダッシュボード左メニューで「外観」＞「テーマ」へと進み、「新規追加」ボタンを押下します。

次の画面で「テーマのアップロード」ボタンを押下。

「ファイルを選択」ボタンを押下し、あらかじめダウンロードしておいたテーマのzipファイルを選択します。

最後に「今すぐインストール」ボタンを押下します。

次の画面で「テーマのインストールが完了しました」と表示されたら、Cocoon公式サイトのダウンロードページに戻ってください。

公式サイトのダウンロードページから、子テーマ（Cocoon Childテーマ）をダウンロードします。

WordPressダッシュボードに戻り、親テーマと同じ手順で子テーマのzipファイルをインストールしてください。

テーマのインストール完了画面が表示されます。

「有効化」を押下して子テーマを有効化させてください。

レンタルサーバー「ConoHa WING」では、長期利用割引プラン「WINGパック」を提供しています。

「WINGパック」の特典である「WordPressかんたんセットアップ」を利用すれば、前述の手順よりもさらに簡単に「Cocoon」をインストール可能です。

ConoHaにアカウントを新規登録すると、料金プラン選択画面（コントロールパネル）に遷移します。

「WINGパック」タブで契約期間・プランを選択し、画面下にスクロールしてください。

「WordPressかんたんセットアップ」で、以下の項目を入力します。

次にテーマを選択します。

「Cocoon／0円」にチェックを入れて「次へ」を押下すれば、レンタルサーバーの契約とCocoonの自動インストールにおこなうことができます。

「WordPressかんたんセットアップ」で入力する項目の詳細やWordPressの初期設定をおこなう方法については、下記記事にくわしく解説しているので参照してください。

Webにくわしくない初心者でもたった10分で始められるレンタルサーバー「ConoHa WING」。

とっても簡単だから今すぐ始めちゃいましょう。

また下記の記事では、ConoHa WINGを使ってWordPressを開設する方法を、画像付きでくわしく解説しています。

他社のレンタルサーバーをご利用中で、ConoHa WINGにお乗り換えを検討されている方も安心です！

煩雑なレンタルサーバーの移行もかんたんにお乗換えいただけるよう、いくつかのサポートを用意しています。