WordPress無料テーマ「Cocoon」を使ってブログをつくろう

「Cocoon」は「わいひら」さんが開発を進められている無料のWordPressテーマです。

私が最初のブログをつくったのは、同じく「わいひら」さんの「Simplicity」というテーマでした。

その後「Simplicity」は「Simplicity2」となり、その後継テーマが「Cocoon」です。

「わいひら」さんには、幾度か「Simplicity」や「Cocoon」のフォーラムにて、おせわになりました。

2022年の9月に「Cocoon」と「エックスサーバー 」との業務提携が発表され、「わいひら」さんに何かあったのかと心配いたしました。

しかし、その後も引き続き開発を継続していらっしゃるので、安心しました。

「Cocoon」はなんと言っても無料で使えるので、はじめてブログを立ち上げる方にオススメです。

無料なのに有料テーマに匹敵する（有料テーマ以上・無いものはないくらいな）機能があります。

200万ダウンロードを超えたスゴいテーマです。

さらに、フォーラムによるサポートが手厚いですし、更新も頻繁で対応が速いです。

しかし、「Cocoon」にも弱点はあります。

その一つがデザインです。

以下のカテゴリー「Cocoonをデザイン」では「Cocoon」をシンプルデザインに変更する様々なノウハウを提供しています。

このページと合わせてご覧ください。

「Cocoon」は基本に忠実で高機能なテーマです。
WordPressのノウハウを獲得する入門的なテーマとして最適だと思います。
では、以下から「Cocoon」の概要を説明いたします。

【PR】「Theme3」では、企業サイトのWordPressテーマに「 ワードプレステーマTCD 」をオススメしています。
WordPressテーマ「GENESIS」の詳細をTCDのページで見る

ブロックエディタ対応
カスタム投稿タイプ「お知らせ」「サービス（事業案内）」
SEO機能（metaタグ、OGP、高速化）他、機能多数。

ご購入は以下のバナーリンクページの購入ボタンをクリックしてください。

Cocoonをインストール

「エックスサーバー」は契約すれば初心者でも簡単に「Cocoon」のインストールができます。

私も「エックスサーバー 」を使っているので、「Cocoon」をインストールしてみましょう。

エックスサーバーの「WordPress簡単インストール」を使おう

【PR】「Theme3」では、企業サイトのWordPressテーマに「 ワードプレステーマTCD 」をオススメしています。
WordPressテーマ「SOLARIS」の詳細をTCDのページで見る

レスポンシブ対応
カスタム投稿タイプ「お知らせ」「企業情報」「サービス」「プロジェクト」
高速化設定（絵文字読み込み・コード最適化）他、機能多数。

ご購入は以下のバナーリンクページの購入ボタンをクリックしてください。

Cocoonにスキンを適用

ブログはできましたが、全部グレーの画面です。
味気ないですね。

でも、大丈夫です。「Cocoon」はデザインを着せ替えることができます。

では、管理画面に戻りましょう。

【PR】「Theme3」では、企業サイトのWordPressテーマに「 ワードプレステーマTCD 」をオススメしています。
WordPressテーマ「GENESIS」の詳細をTCDのページで見る

ブロックエディタ対応
カスタム投稿タイプ「お知らせ」「サービス（事業案内）」
SEO機能（metaタグ、OGP、高速化）他、機能多数。

ご購入は以下のバナーリンクページの購入ボタンをクリックしてください。

Cocoonの設定

「Cocoon」は豊富な設定項目があります。
多すぎて、分からないくらいあります。

表にしておきます。
実際に「Cocoon」設定を開くより、以下の表を見ていただくか検索していただく方が、設定のあたりをつけられると思います。

え〜〜！
まとめてみて驚きました。
こんなに機能があるんですね。
開発は継続中なので、まだまだ増えるかもしれません。

私もユーザーですが、使ったことない設定がいっぱいあります。

ずいぶん前に、プログラム的にカスタマイズしようとして、苦労したのを思い出しました。

はじめての方は、初期設定のままではじめて、少しずつ好みに合わせた設定にしていきましょう。

Cocoonのブロックエディタ

「Cocoon」はもちろんブロックエディタ対応です。

以下のようなブロックがあります。

これだけあれば十分です。

Cocoonのデザイン性

ここまで紹介してきて大変申し訳ないですが、実は「Cocoon」のデザイン性がちょっと気になります。シンプルすぎるきらいがあります。

スマホのデザインはとてもいいと思うのです。しかし、PCがイマイチです。

ブロックもシンプルすぎるような気がします。
「Cocoon」唯一の弱点かもしれません。

「Cocoon」は「Simplicity」という、とてもシンプルなテーマの後継テーマです。

そのため、デザイン性もシンプルさを引きずっている感があります。

私の場合は「Cocoon」の前の「Simplicity（Simplicity2）」のファンだったので、「Cocoon」が登場した際に「Simplicity2」から「Cocoon」に移行するのが遅れました。

遅ればせながら「Cocoon」に移行して、何をやったかというと、「Cocoon」をとにかく「Simplicity」に近づけるためのカスタマイズを行いました。
デザイナー魂に火がつきました。

そうして出来上がったのが以下のサイトです。
細部を「Cocoon」とは変えてあります。

デザインがさらにシンプルになりました。

やり遂げて、自己満足しましたが、「Cocoon」のメジャーアップデートのおり、ダウンしました。

プログラム的にカスタマイズしてあった関連記事のあたりが原因でした。
結局、「Cocoon」の新機能はあきらめることにしました。

（今にしてみれば、私の趣味のブログは、やはりかなり古いデザイン性ですね。個人的には、それがいいのですが…）

Cocoonの性能

「Cocoon」は性能も優れています。

最近ではGoogleが性能を重視しているので、「Cocoon」は最適です。

前のセクションで紹介した記事ページを「PageSpeed Insights」にかけてみました。

スマートフォンで普通のページが70を超えるのはなかなかのものです。

Cocoonを初心者にオススメする理由まとめ

最後に「Cocoon」を初心者にオススメする理由をまとめます。

「Cocoon」のデザイン性については好みが分かれるところでしょう。

しかし、これだけの機能を有したテーマは他に見当たりませんし、しかも無料です。
「エックスサーバー」との提携も見逃せません。

はじめてのブログは「Cocoon」+「エックスサーバー」で決まりです。

エックスサーバー

【PR】「Theme3」では、企業サイトのWordPressテーマに「 ワードプレステーマTCD 」をオススメしています。
WordPressテーマ「GENESIS」の詳細をTCDのページで見る

ブロックエディタ対応
カスタム投稿タイプ「お知らせ」「サービス（事業案内）」
SEO機能（metaタグ、OGP、高速化）他、機能多数。

ご購入は以下のバナーリンクページの購入ボタンをクリックしてください。

プロモーション