ちづるのもっと!ぬりえライフ

大人の塗り絵(コロリアージュ)を通して、自身の体験をもとに、ぬりえライフをもっと楽しむための情報を発信しています。

MENU

ブログのデザインを変えました

ブログのデザインを変更・カスタマイズしました。

f:id:chizurumaro:20170525200816j:plain

HTMLやCSSという謎の言語と悪戦苦闘すること数日。

なんとか形になりました。

カスタマイズ中、デザインが整っていないタイミングでブログを見て、「なんか表示おかしくなってる!?」と驚いた方がいらっしゃったら申し訳ありませんでした。

大体終わったのでもう大丈夫です。

 

メニューバーを作りました

PC版ヘッダーはこんな感じ。

ヘッダー画像は自分で文字を入れました。

f:id:chizurumaro:20170525202320p:plain

メニューバーは以前からありましたが、今回改めて作り直しました。

 

このメニュー、スマートフォン版にも設置しました。

画面右上の「MENU」をタップすると……

f:id:chizurumaro:20170525202608p:plain

 

じゃーん!

f:id:chizurumaro:20170525202712p:plain

こんな風にメニュー項目が表示されます。

今までスマートフォン版ではこのようなメニューは設置してなかったんですが、以前から憧れていたので今回作ってみました。

 

他に、所々の色をすべてピンク色に統一してみました。

 

ちづるのSNSはどこにある?

先日、読者の方が私のInstagramアカウントを一生懸命探してくださっていたことが判明しました。

わかりにくかったようで申し訳ありませんでした><

ブログから私のSNSアカウントに行くことができます。

PC版はサイドバーのプロフィールの下。

f:id:chizurumaro:20170525203228p:plain

矢印の指すところに、ちづるのSNS等をすべて載せています。

ここをクリックしていただければ私のアカウントが表示されます。

 

スマートフォン版は、画面を下までスクロールしてください。

f:id:chizurumaro:20170525203351p:plain

記事一覧の下にあります。

こちらもパソコン版と同様、タップしていただければ私のアカウントが表示されます。

 

なお、「Hatena」ははてなアカウントをお持ちの方のための読者登録ボタン。

RSSリーダーとしてFeedlyを利用している方は、Feedlyボタンをクリックしていただければ、このブログを購読できます。

 

カスタマイズで参考にしたサイト

ブログデザインテーマはこちらの「Innocent」を使わせていただきました。

Innocent - テーマ ストア

こちらのテーマをベースに、ちょこちょこカスタマイズしました。

 

ヘッダー画像はこちらのサイトを参考にしながら、PhotoScapeを使って作りました。

 

メニューバーはこちらを使わせていただきました。

www.yukihy.com

www.yukihy.com

 

記事中の見出しはこちらから使わせていただきました。

mudaide.hatenablog.com

 

メニューの各項目で使用したアイコンはこちらから。


文字やメニューの色はこちらから選びました。

 

基本的にコピペばかりだったのでとてもありがたかった……!

自分で調整しなきゃいけない場所は、あちこち手探りでいじりました。

おかげでCSSは以前より少しわかるようになった気がします。

時間があればいつまでもカスタマイズし続けてしまうので、これはとんでもない時間泥棒ですね。

 

今後も少しでも見やすいブログになるように頑張ります。

新しくなった「ちづるのもっと!ぬりえライフ」を、引き続きよろしくお願いします^^