こんにちは、さこっしーです。
WordPressテーマ「Cocoon」にはスキンという機能があり、簡単にブログのデザインをオシャレに変えることができます。
CSSなどの知識がなくても、好きなデザインを選べばすぐに変更できるので、初心者の方にもオススメです。
今回は、WordPressテーマ「Cocoon」のスキンを設定して、オシャレなブログに大変身させる方法をご紹介します。
「Cocoon」テーマをまだインストールいない場合は、下記の記事をごらんください。
Cocoonのスキンとは
「Cocoonのスキン」とは、スタイルシートを変更させることで、ブログの見た目をカンタンに変えることができる機能です。
ブログの見た目を変えたい場合、WordPressのテーマを別のものに変えたり、CSSを変えたりする必要がありますが、「Cocoon」であれば設定だけで変更することができます。
スキンの数は80種類以上もあるので、気に入ったデザインを使ってみましょう。
Cocoonのスキン設定方法
スキン設定
WordPress管理画面の左メニューから「Cocoon設定」→「Cocoon設定」をクリックします。
![](https://sakossy.com/wp-content/uploads/2021/03/63962c5cd9ed6b29b1a6ca1fa731cfcf.png)
Cocoon設定画面が開いたら「スキン」をクリックします。
![](https://sakossy.com/wp-content/uploads/2021/03/3ab18522fc3c5ce4571a956956ca5623.png)
スキンの左側の画像アイコンにマウスのカーソルを合わせると、スキンのイメージが表示されます。
![](https://sakossy.com/wp-content/uploads/2021/03/0ee64c02daba2a40aa247df5e08a85ca.png)
気に入ったスキンが見つかったら、スキン名の左側にある丸印をクリックします。
![](https://sakossy.com/wp-content/uploads/2021/03/a3d2268411847ec295372dcfbf1794bc.png)
一番下までスクロールして、「変更をまとめて保存」をクリックします。
![](https://sakossy.com/wp-content/uploads/2021/03/8a2bd8f76a8bd01efefd92ff00ab18da.png)
これでスキン設定は完了です。
次は、サイトで変更されたデザインを確認してみましょう。
スキンのデザイン確認
スキンの設定が完了したら、実際にサイトのデザインがどう変わっているかを確認してみます。
WordPress管理画面の左上にある「サイト名(サイトを表示)」をクリックします。
![](https://sakossy.com/wp-content/uploads/2021/03/25e05b13c71d35ee1d322fef9f66f7fe.png)
表示されたサイトのデザインを確認します。
![](https://sakossy.com/wp-content/uploads/2021/03/468192605f02073c5191e57741e10d97.png)
これでサイトのデザインの確認も完了です。
まとめ
今回は、WordPressテーマ「Cocoon」のスキンの設定方法をご紹介しました。
Cocoonのスキン機能を使うと簡単にブログの見た目が変えれるので、好みのスキンを見つけて設定してみましょう。
基本のデザインに加えて、カラーバリエーションも豊富なので、自分オリジナルのデザインを作ることも可能です。
スキンの変更も「Cocoon設定」から簡単にできるので、色々と試してみて好きなデザインを見つけましょう。
今回は、以上となります。
最後まで読んでいただき、ありがとうございました。
コメント