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

自分に合った、自分だけの、心地良い「ぬりえライフ」を。ぬりえライフアドバイザー・ちづるが、大人の塗り絵(コロリアージュ)を通して、ぬりえライフをもっと楽しむためのヒントを発信します。

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を使って作りました。

PhotoScape X

PhotoScape X

  • Mooii Tech
  • 写真
  • 無料

 

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

 

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


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


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

 

基本的にコピペばかりで大変ありがたかった・・・!

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

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

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

 

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