はてなブログのヘッダーをオシャレにカスタマイズする方法

こんにちはアテナミです！運営しているサイトの２つを独自ドメイン化したので、ついでにちょっとだけサイトリニューアルを行いました。主にはヘッダー周りです。今回はそのヘッダー周りのカスタマイズ方法をご紹介します。

育児や食について書いているブログをリニューアルしました。アクセスはこのライターブログの5倍くらいあります（汗）ライターブログってレッドオーシャンですよね・・・

ロゴメーカーで作った画像を利用していたのですが、ちょっとダサいと思ってきてしまったので、リニューアルすることに。

ザ★女子なオシャレなフリー画像がユーザー登録なしでダウンロードが出来るGIRLY DROPさんの画像を使うことにしました。こちらはアイキャッチにも使えそうな画像がたくさん！無料とは思えないオシャレ女子画像がたくさんあるので本当にオススメです！アイコンもここの画像に変更しました。

画像編集はブロガーが良く使っているらしい無料のPhoto Scape Xを初めて使用しました。めっちゃ編集が簡単に、しかもキャッチーな奴がサクっと作れました。早く使っておけばよかった。これはアイキャッチ画像ももうちょっと頑張って作ろうかな・・・と思いました。

これまでPCのみだったグローバルナビを記事や読者さまも増えてきたので、スマホ表示にも搭載することにしました。シンプルなやつが良かったので、Awesome様のCSSを参考にピンクを基調としたグローバルナビを搭載しました。

＊背景色・囲い線の色・文字色はぜひカスタマイズしてください♩コードの通り作るとピンクを基調としたこんな感じに↓

f:id:atenami:20170821220151p:plain

本当はひつじさんのカスタマイズを行いたいのですが、もう中途半端に色々作り込んでしまったので今からかえるのが億劫になってしまっています。新しくサイトを作るときはこれで統一したい。それにしてもこのカスタマイズ術は有料でも私は書いたいのだけど、無料でいいのかしら？！

このブログも、もうちょっと頑張ってカスタマイズしようかな・・・

ライターアテナミの頭の中