はじめに
WordPressの無料テーマ、Cocoonをインストールしてみます。
本サイトでも使用させていだきました、製作者様には感謝です😊
![](https://chigusa-web.com/wp-content/uploads/cocoon-resources/blog-card-cache/bf7b74a603900a8c1cdcdb8ffea10d4b.jpg)
Cocoonには大変お世話になっておりますので、今回は紹介とインストール方法をまとめました。
このテーマは、無料でありながら、とてもカスタマイズしやすく、PCでもモバイルでも最適化されているため、非常に便利です。
Cocoonは「エックスサーバー株式会社」へ事業譲渡されました。
開発・運営・サポートは引き続き、わいひらさんが行っているようです。
![](https://chigusa-web.com/wp-content/uploads/cocoon-resources/blog-card-cache/3f8d72d00e5e0ad8f60c76d22981ac8a.png)
他にも私のブログで、WordPressについて解説している記事がありますのでご覧ください。
Cocoonに寄付
とても素晴らしいテーマで、無料で利用できますが感謝の気持を込めて寄付いたしました。
以前は寄付による特典機能がありましたが、事業譲渡により今はすべての機能を利用できるようになりました。
![](https://chigusa-web.com/wp-content/uploads/cocoon-resources/blog-card-cache/1bd99cbdf424f59552d0e75824dab16f.jpg)
Cocoonについて
AMP
Accelerated Mobile Pages (AMP) は、Googleが中心となって立ち上げた、モバイルでのウェブサイト閲覧を高速化することを目的とするオープンソースプロジェクトである
https://ja.wikipedia.org/wiki/Accelerated_Mobile_Pages
CocoonはAMPに対応しており、AMPに対応したページは、モバイルページで高速に表示することができます。
有効になると、Googleの検索結果で、カミナリマークが表示されます。
![](https://chigusa-web.com/wp-content/uploads/2021/09/IMG_3929-1-500x447.jpg)
AMPは設定で有効にできます。(もちろん無効にもできます)
余談ですが、必要かどうかの議論はあるようです。
![](https://chigusa-web.com/wp-content/uploads/cocoon-resources/blog-card-cache/75b272d5c162b0e3d6c69c9d1f35cb0f.jpg)
スキン
スキンはクオリティが高く、はじめから同梱されておりますので、お好みのものを直ぐに使うことができます。
一部だけ紹介しましょう。
デフォルト
![](https://chigusa-web.com/wp-content/uploads/2021/02/image-28.png)
和(紺)
![](https://chigusa-web.com/wp-content/uploads/2021/02/image-43.png)
アリス
![](https://chigusa-web.com/wp-content/uploads/2021/02/image-44.png)
SILK(シルク)
![](https://chigusa-web.com/wp-content/uploads/2021/02/image-45.png)
みるらいと
![](https://chigusa-web.com/wp-content/uploads/2021/02/image-46.png)
他にも沢山ありますので、自分のイメージに近いものを選択し、さらに細かいカスタマイズができますので、あっという間にブログを作れますよね!
WordPressのインストール
エックスサーバーにWordPressを設置する手順をまとめました。
以下をご参考ください。
AWSにWordPressを構築する手順は以下をご覧ください。
Cocoonのダウンロード
まずは利用規約を確認しましょう。
![](https://chigusa-web.com/wp-content/uploads/cocoon-resources/blog-card-cache/8db6e4e8a1e551d48bc30d755e70062f.jpeg)
Cocoonは、商用・非商用を問わず無料で利用することができます。
https://wp-cocoon.com/terms-of-use/
以下のダウンロードページにアクセスします。
![](https://chigusa-web.com/wp-content/uploads/cocoon-resources/blog-card-cache/81eb8044b0b582106655d091c08e7a24.jpeg)
親テーマ、子テーマをそれぞれダウンロードします。
自分でカスタマイズする場合は、子テーマを修正する感じですね。
![](https://chigusa-web.com/wp-content/uploads/2021/02/2021-02-26_00h01_46.jpg)
子テーマもダウンロードします。
![](https://chigusa-web.com/wp-content/uploads/2021/02/2021-02-26_00h02_27-1.jpg)
インストール
公式ページの以下の通り進めます。
![](https://chigusa-web.com/wp-content/uploads/cocoon-resources/blog-card-cache/e9e1ce09142cbb6daac885ab9f12b5be.jpg)
WordPressの管理画面より、テーマを開きます。
![](https://chigusa-web.com/wp-content/uploads/2021/02/2021-02-26_00h04_53.png)
テーマの新規追加をクリックします。
![](https://chigusa-web.com/wp-content/uploads/2021/02/2021-02-26_00h05_49.png)
テーマのアップロードをクリックします。
![](https://chigusa-web.com/wp-content/uploads/2021/02/2021-02-26_00h06_34.png)
ダウンロードした、親テーマ・子テーマをそれぞれアップロードします。
![](https://chigusa-web.com/wp-content/uploads/2021/02/2021-02-26_00h07_21.png)
テーマの一覧に、親テーマと子テーマがありますが、子テーマの方を有効化します。
![](https://chigusa-web.com/wp-content/uploads/2021/02/2021-02-26_00h09_02.jpg)
有効になると成功です。
![](https://chigusa-web.com/wp-content/uploads/2021/02/image-10.jpg)
公開画面を開いて、テーマが適用されていることを確認しましょう。
初期では白基調のシンプルですが、スキンを変更したり、色々とカスタマイズすることができます。
![](https://chigusa-web.com/wp-content/uploads/2021/02/image-10.png)
カスタマイズ
Cocoon設定は非常に沢山あり、プログラミングの知識がなくとも、お好みのサイトにすることができると思います。
![](https://chigusa-web.com/wp-content/uploads/2021/02/2021-02-26_00h14_45.png)
また、フォーラムがとても活発ですし、不具合報告や質問などのカテゴリもありますので安心です。
こういう取り組みが、品質を上げている要因でもあるんですよね!
製作者様には感謝です。
![](https://chigusa-web.com/wp-content/uploads/cocoon-resources/blog-card-cache/75b272d5c162b0e3d6c69c9d1f35cb0f.jpg)
おすすめカスタマイズ
私は、Cocoon設定以外にも、目次のカスタマイズを行いました。
記事が長くなった場合に、いつでも目次が見えると便利です。✨
こういったCocoonに関するカスタマイズ方法を、公式以外でも公開されている方がおり、そこがこのテーマのメリットでもありますね!?
他にも私のブログで、WordPressについて解説している記事がありますのでご覧ください。
コメント