ブログを始めたけど、サイトのデザインがダサいなと思っている人いませんか。
私自身、ブログを始めたばかりなので、デザインの設定方法がわからず悪銭苦闘中です。調べても上級者すぎて全然ついていけません。
初心者の自分でもできた簡単なCocoonのカスタマイズ方法をご紹介できたらと思います。
この記事は次のような人におすすめです。
・ブログを始めたばかりだけどおしゃれなブログを作りたい
・HTMLやCSSといったプログラミングスキルがないけどブログをおしゃれにしたい
・簡単にブログをおしゃれにしたい
今回は必要最低限のサイトデザインのカスタマイズ方法をお伝えしようと思います。
おそらく皆さんの理想のようなかっこよさをだすにはHTMLやCSSをいじらないといけない可能性がありますので、本当に必要最低限となっています。
私自身もまだかっこよくないのでゆくゆくはもっとみられるようなサイト作りができたらと思っています。
今回はスキンという、デザインを少しアレンジできる設定方法について紹介していきます。
*Cocoonというテーマを使っている方を対象にしております。
スキンとは
Cocoonのスキンとは、ブログの外観を簡単にカスタマイズできるテンプレートデザインのようなものです。
冒頭に述べたように、しっかりとカスタマイズするにはHTMLやCSSといった知識が必要になってきますが、今回はこのスキンという機能を使えば専門的な知識を使わずに誰でも簡単にカスタマイズすることが可能です。
上記サイトは、Cocoonの公式サイトとなっており、お好みのスキンを探すことができます。
30種類以上はあるのでご自身の好みにあったスキンをこちらのサイトから選んでください。公式サイト内でプレビューで実際に確認することができます。
いくつか候補を出して、忘れないようにメモをしておくといいと思います。もし、どれを選んでいいかわからないという方がいたら、最後に私が全部のスキンを確認して厳選したおすすめスキンを紹介していますのでそちらをご確認いただければと思います。
それでは、スキンの設定方法について順序立ててご説明いたします。
スキンの設定方法について
お気に入りのスキンが見つかったけど、どうやって設定するの。と思われますよね。私も最初はわからなかったです。
下記順番に沿って進めてみると簡単にCocoonのデザインをカスタマイズすることができます。
WordPress上でCocoon設定を選択する
WordPress上でCocoon設定をクリックしたら、画像のような画面が出てきます。
スキンを選択
赤枠にスキンと書かれているのがわかるかと思います。
このタブをクリックしてください!ここまでくればあと一息でできます。
お気に入りのスキン名を選択
スキンを選択したら、上記画像のようなスキン名の一覧表が出てきます。
Cocoon公式サイト(https://wp-cocoon.com)で発見した自分のお気に入りのスキン名を探して、選択しましょう!
ちなみに、私はブラックバーガーというのを使っています。
変更をまとめて保存
最後に、変更をまとめて保存を押せばカスタマイズ完了です。
いかがでしたでしょうか。すごく簡単ですよね。もっと理想なカスタマイズをするにはもう少し専門知識が必要かもしれませんが、最初のうちはこれだけでもやっている感が出て楽しくないでしょうか。
複数お気に入りがあった方は実際に自分のサイトにスキンを反映して確認してみるといいかもしれません。
もし気に入らなければ、先ほどの手順を一からやれば変更を戻すことができます。
おすすめのスキン
スキンが多くて選べないという方に、スキン一覧を一通り見て感じた皆さんにおすすめしたいスキンを紹介します。
もし悩んでいる方がいたらこちらのスキンを選んでいただければおしゃれなサイトになること間違いなしです。
- 白ウサギ :ポップで可愛らしい
- Veilnui(Brown) :シックで大人め
- ブラックバーガー :白基調に黒がいい差し色
- Autum :秋をイメージした落ち着いた感じ
- モノクロ :シンプルイズベスト
以上、私がみて感じた印象とおすすめスキンです。ぜひ試してみてください。
まとめ
専門的な知識がなくてもスキンという機能を使えば初心者だって簡単にサイトをカスタマイズできてしまいます。
これでは足りないという人がたくさんいるかもしれませんが、まず最初に試してみてはいかがでしょうか。