【WordPress】Cocconテーマにしたらスキンの選択でデザインを変えてみよう!

こんにちは、togiwa(@togiwa3)です。

今回は、WordPressの無料テーマであるCocconのサイトデザインの設定方法について紹介したいと思います。

Cocconのデフォルトのデザインもシンプルで自分的には好みですが、もう少しデザインを変えたいなぁと思うようになりました。

調べたらすぐ簡単にできたので、

  • CSSはまだイジりたくない!
  • すぐにデザイン変えたい!

という方は必見です。

Cocconのデザイン設定方法

Coccon設定を開く

まずはWordPressの管理画面の左側にある「Coccon設定」を開きます。

スキンを開く

Coccon設定のページに遷移したら「スキン」を開きます。

おそらくデフォルトがスキンのページになっていると思います。

スキンを選択

下にスクロールするとスキン一覧が出てくると思います。

ラジオボタンになっているのでお好きなデザインを選びましょう。

この写真アイコンにカーソルを添えると、

このようにイメージデザインが表示されます。

変更をまとめて保存をクリック

最後に「変更をまとめて保存」をクリックすると、選択したデザインが反映されます。

以上で設定は終了です。

お疲れ様でした!

 

togiwa
意外と簡単だったね!

 

 

スポンサーリンク

デザイン変更前

デザイン変更前と変更後を比較してみようと思います。

まずは変更前からです。

トップページ

白とグレーを基調としたCocconのデフォルトデザインです。

僕は嫌いじゃないんですけどね、シンプルな感じが好きなので!(笑)

でも少し物足りなさはある。。

目次と見出し

目次はグレー色で囲まれていて、見出しも背景がグレー色になっています。

グレー好きな方にはいいかもしれませんね。

デザイン変更後

トップページ

今回、「COLORS(ブルー)」を選択しました。

すると、青を基調としたページに反映されました。

記事のカテゴリーも青背景になりました!

目次と見出し

目次は青色で囲まれ、見出しは少しだけ洒落た見出しになりました。

少しだけ変えるだけでも見栄えは変わってきて良いですね。

まとめ

今回は、WordPressのテーマであるCocconのスキン設定でデザインがガラッと変わる方法を紹介しました。

デザインが少し変わっただけでも見た目は全然違いますし、ますますブログを頑張りたくなりますね。

簡単に設定できるので良かったら参考までにどうぞ!

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

ABOUTこの記事をかいた人

運営者:togiwa IT企業勤務の社会人2年目。 最近、自分が「内向型人間」だと気づき社会人向いていないなと感じています。 「個人で稼ぐ力」を身につけるためにブログ運営を行っています。 ラーメンと猫とロック系の音楽が好きです。