▶ Amazon 今日の【在庫処分】セール会場へ
スポンサーリンク

ページにプロモーションが含まれる場合があります。

【Cocoon】ブログデザインを変更するスキン機能|デメリットもあり

スポンサーリンク
初心者
初心者

WordPressのテーマで評判が良かったCocoonをインストールしたけど、デザインがシンプルすぎるような…。

よしてっく
よしてっく

Cocoonにはデザインを着せ替えできるテンプレート(スキン)が用意されています!

Cocoonは最強の無料テーマと言われるほど評判が良く、さらにスキン機能というサイト全体のデザインを簡単に着せ替えできるテンプレートもあります。

Cocoonホームページ

ここでは、WordPressのCocoonでブログ全体のデザインを簡単に着せ替えできるスキン機能の基本的な使い方をご紹介します。
パソ太郎
パソ太郎

もちろんスキン機能の使用は無料だよ!

 

Cocoon:スキンでブログのデザインを着せ替え

スキンでブログデザインを着せ替え

(1)WordPress管管理画面(ダッシュボード)のCocoon設定⇒スキンの管理画面が表示されます。(なっていないならスキンタブをクリック)

Cocoon設定のスキン

 

(2)少し下にスクロールでスキンの一覧が見えてきます。ピクチャーアイコンにカーソルを乗せるとデザインのプレビューがポップアップで確認できます。

Cocoonスキンの一覧

 

Cocoonスキンのプレビュー

ポップアップでスキンのプレビューを見る

 

スキン名称はリンクになっていてクリックでスキン作者の管理ページに移動しますので、そこでサンプルページもじっくり確認できます。

Cocoonスキン確認サイト

 

(3)使いたいスキンが決まったらチェックを入れます。

Cocoonスキンにチェック

 

(4)変更をまとめて保存をクリックします。

Save changes together

 

これでデザインの着せ替えは完了です。

実際のブログで確認してみましょう。

 

スキンは有志により提供されたテンプレート

スキンは有志提供

スキンはCocoon専用のデザインテンプレートで何度でも変更することができます。

Cocoonは「わいひら」さんが提供してくれている無料テーマですが、デザインを着せ替えるスキンもわいひらさんを始め、その他の有志の人たちが提供してくれたテンプレートでこれも無料で使用できます。(感謝)

種類が豊富なスキンがあることで、同じCocoonテーマでもクリック一つでブログのデザインを好みの雰囲気にできて他のCocoonサイトともカブりにくくなっています。

初心者
初心者

無料テーマなのにさらに無料のデザインテンプレートがあるCocoonは神すぎる!

 

Cocoonのスキンは種類が70種以上⇒追加・更新あり

スキンの種類は70以上

長く使っているとデザインに飽きてくることもありますが、スキンで簡単にサイトデザインが変更できるのは初心者も助かります。

Cocoonのスキンは追加や更新されますので、たまに確認して着せ替えてみるとサイトの雰囲気がいろいろ楽しめます。

 

スキンを使うデメリットもあり

スキンのデメリット

スキンを使うと、WordPressの設定で変更できない箇所が一部出てきます。

スキンにより設定が変更できない箇所にはスキン制御と表示されグレーアウトでクリックすらできません。

スキン制御の例

Cocoon設定・スキン制御の例

スキンのデザインコンセプトによって設定が固定されているので、どうしても変更したい設定の場合はスキンを変更するか使用をやめましょう。

よしてっく
よしてっく

ブログを続けているとだんだん自分でいろいろな箇所のデザインを変更したくなります。

WordPress操作に慣れてくるとCSSでサイトのカスタマイズもできるようになるので、その時はスキンを卒業しても良いと思います。

初心者
初心者

しーえすえす???

CSSという意味の解らない言葉を聞くと拒絶反応する人もいますが、ルールを押さえれば初心者でも導入は可能です。

私は1年以上スキンを使っていましたが自分でカスタムしたい部分が多くなったので途中でスキンをなしに戻しました。

 

まとめ:スキンで自分好みのブログデザインを見つけよう

今回は、WordPressのCocoonでブログ全体のデザインを簡単に着せ替えできるスキン機能の使い方をご紹介しました。

ブログはあくまでコンテンツ(記事の内容)が主役ですが、サイトに訪問した瞬間の第一印象となるデザインもユーザー満足度や回遊率に影響します。

よしてっく
よしてっく

もし訪問者がブロガーさんであれば、デザインを参考にしたくてじっくりサイトを見てくれるかもしれません!

ただし、ブログデザインの沼にハマりすぎると記事執筆の妨げになりますので、そこは自制してバランスをとるようにしましょう。

関連 Cocoonのスキン一覧を非表示にする

コメント

タイトルとURLをコピーしました