WordPressテーマ「Cocoon」では、「スキン」を選ぶことでサイトのデザインを簡単に変更できます。
今回は、Cocoonのスキンを変更する方法を、実際の操作画面を確認しながら紹介します。
Cocoonの「スキン」とは？
Cocoonのスキンは、サイト全体のデザインを簡単に変更できる機能です。
色やデザインなどを細かく設定しなくても、用意されているスキンから好みのものを選ぶだけで、サイトの雰囲気を変えることができます。
WordPressのデザインを自分で一から設定するのが難しい場合にも便利な機能です。
Cocoonのスキンを変更する方法
まず、WordPressの管理画面を開きます。
左側のメニューから、
「Cocoon設定」
をクリックします。
「スキン」を開く
Cocoon設定の画面が開いたら、
「スキン」
を選択します。
すると、たくさんのスキンが表示されます。
それぞれデザインの見本を確認しながら、好きなものを選びます。
好きなスキンを選ぶ
使いたいスキンの項目にあるチェックボックスを選択します。
スキンによってサイトの雰囲気が大きく変わるので、プレビューを確認しながら選ぶと分かりやすいです。
「変更をまとめて保存」をクリック
スキンを選んだら、画面の下にある
「変更をまとめて保存」
をクリックします。
「設定は保存されました」と表示されれば、設定は完了です。
スキンを変更したのにサイトのデザインが変わらないとき
スキンを選んで設定を保存したのに、サイトを見ても以前のデザインのままということがあります。
私の場合は、設定を保存しただけでは変更が反映されず、キャッシュを削除することで新しいスキンが表示されました。
使用している環境によっては、ブラウザやキャッシュの影響で変更がすぐに表示されないことがあります。
その場合の対処方法はこちらの記事で紹介しています。
→ Cocoonのスキンが反映されない？LiteSpeed Cacheのキャッシュ削除で解決
まとめ
Cocoonのスキンは、用意されているデザインから選ぶだけで、サイトの雰囲気を簡単に変更できます。
基本的な手順は、
Cocoon設定
↓
スキン
↓
好きなスキンを選択
↓
「変更をまとめて保存」
これだけです。
WordPressを始めたばかりでデザイン設定が難しい場合は、まずスキンを使ってサイトの見た目を整えてみるのもおすすめです。
