WordPress Cocoonのカスタマイズをやってみたシリーズ第1弾は【スキンの変更】です。
WordPress Cocoonは完全無料で拡張性が高いのが特徴、ユーザーも多くテーマ利用マニュアルなど、チュートリアルも豊富なので、ボクもずっとこのCocoonを愛用しています。
この記事では、Cocoonをちょっとおしゃれにカスタマイズしたいけど、何から手を付けたら良いか分からない初心者向けの設定方法とビフォー・アフターをご紹介します。
![](https://kamisakuhideki.com/wp-content/uploads/2020/11/Cocoonスキンデフォルト.png)
![](https://kamisakuhideki.com/wp-content/uploads/2020/11/Cocoonスキンホワイトラーメンpng.png)
目次
設定方法
①テーマがCocoonChildになっていますか?
※まず、テーマがCocoonChildになっているかどうか、確認しましょう。
外観>テーマで確認できます。
![](https://kamisakuhideki.com/wp-content/uploads/2020/11/Cocoon子テーマを有効化-1024x560.png)
②Cocoon設定>スキン設定を選択します
![](https://kamisakuhideki.com/wp-content/uploads/2020/11/Cocoonボタン-1024x568.png)
③スキンを選択します
![](https://kamisakuhideki.com/wp-content/uploads/2020/11/スキンを選択-1024x552.png)
④Bizarre-food(ホワイトラーメン)を選択
![](https://kamisakuhideki.com/wp-content/uploads/2020/11/スクリーンショット-2020-11-21-11.21.13-1024x556.png)
ここでは、Bizarre-food(ホワイトラーメン)にしましたが、たくさんのスキンが用意されているので、色々と試してみてください。
![](https://kamisakuhideki.com/wp-content/uploads/2020/11/マウスの乗せる-1024x714.png)
⑤変更をまとめて保存できれば変更完了です
![](https://kamisakuhideki.com/wp-content/uploads/2020/11/スキン-変更をまとめて保存-1024x558.png)
💡今日のなるほど
Cocoonの特徴はこのCocoon設定にあるといっても過言でないくらい、使い勝手の良いサイトデザインに変えることができます。
![](https://kamisakuhideki.com/wp-content/uploads/2020/11/Cocoon設定全体-1024x565.png)
次回もこのCocoon設定について、詳しくお伝えします。
ABOUT ME