読者です 読者をやめる 読者になる 読者になる

IT女子、がんばる。

仙台住み24才webデザイナーが、人見知りをなおすために頑張る雑記ブログ。

ブログデザインをInnocentにテーマ変更して、少しだけカスタマイズしてみたよ

f:id:xxxdrama:20160905232428j:plain
たまたま今日まで5連休もらっていて、「明日から仕事だなあ…」なんて考えつつぐーたらのんびりしていたおはるです。

そんな今日はブログのデザインをちょこちょこカスタマイズしてみました!
デザインテーマを変更して、すこしだけ調整かけるなど単純なものしかしていませんが、参考にした記事など合わせてまとめておこうかと思います。

テーマはInnocentに。

f:id:xxxdrama:20160906000129p:plain

全体的にシンプルにしたかったのとやりたい、イメージに一番近かったのでこちらにしました。
レスポンシブにも対応しているのが良いですよね。
はじめから対応されているものを使っていればスマホでみたら崩れてるー!なんてことが少ない気がします。
moonnote.hateblo.jp

カスタマイズした部分

ヘッダーを中央に、続きを読むボタンのデザイン調整

f:id:xxxdrama:20160906001433p:plain
続きを読むボタンはこちらからコピってぺたっとしました。
moonnote.hateblo.jp

ところで続きを見るボタンってテーマか設定でするのかと思ってたんですけど、自分で入れるものなんですね…ぐぐって知りました。

記事タイトル、本文まわりの調整

f:id:xxxdrama:20160906002753p:plain
記事タイトルの装飾は下線つきに。2色なところがいいですよね。

f:id:xxxdrama:20160906003001p:plainf:id:xxxdrama:20160906003007p:plainf:id:xxxdrama:20160906003013p:plain

h3、h2、強調部分はこんな感じに。マーカー風の強調が好きです。

参考にしたのはこちら。ほんとにどれもコピペできればOKで、参考記事さまさまです…!!
www.north-geek.com

配色も少しだけちゃんとしました。

青緑系の色がすきなので、なんとなくそれを基調にした色味に。
今回はcoolorsというカラーピッカーサイトを使ってみました。
coolors.co
毎回カラーピッカーで色選んでみるけどなーんか違うな~ってことが多いんですが、ここのサイトだと画像から配色をしてくれるので、自分の好きな画像から取ってこれます。
前回の記事キャプションのイラストから作ったらドンピシャなものができたので、自分の好きな色で配色する時はおすすめです。

f:id:xxxdrama:20160906004441p:plain
こんな感じになりました。

今日のがんばったポイント

今日はとにかくカスタマイズと、他のブログを見てみる日でした!
いつか自分でもテーマ作れるようになったらかっこいいな~とか思ったり思わなかったり…