「Twenty Fifteen」でサイトカラーを変更してみる

wordpressのテーマ「Twenty Fifteen」はデフォルトではサイトが真っ白になりますね
前回、見出しに装飾を加えたのでついでにサイトカラーもかえましょう
これはCSSをさわることなくダッシュボードから簡単にできます

外観-カスタマイズ で以下の設定画面が出てきます。
20151103002

ここでは、テーマの変更のほか、
・サイト基本情報
・色
・ヘッダー画像
・背景画像
・メニュー
・ウィジェット
が設定できます

サイトカラーを変更するために「色」を選択します
20151103001

ベース配色で6色の中から選択することができます
背景色
ヘッダー・サイドバーテキスト色
ヘッダー・サイドバー背景色

で色を変更できますので、自分好みに調節しましょう

最後に保存して終了になります。
サイトカラーを変更するだけでサイトのイメージが変わってきますね

Twenty Fifteenで見出しを装飾したい

wordpressのテーマ「Twenty Fifteen」では
記事の見出し(h1.h2.h3…など)はなにも装飾されていませんよね

少しさみしいのでかんたんなデザインで装飾します

twentyfifteenでは「entry-content」「comment-content」を指定します。
entry-contentだけでは表示されませんでしたのでご注意を!

h1はタイトルで使っているので見出しには使えません。
ここではh2からh4までの見出しを装飾します。

まずはh2です
左と下にオレンジの線で装飾しました

h3はデザインは同じに、色を少し薄くしてみました。

h4は下線を点線にして色を薄くしました

表示はこのようになります

見出し2

見出し3

見出し4

見出しはCSSを編集して色々装飾できます
自分のサイトに合ったデザインにしてみたらいいかもしれませんね