HTML・CSS初心者がはてなブログをコピペだけでカスタマイズしました!
こんにちは!IT系アラサーOLのスプラウトです(`・ω・´)
最近ブログを見ていただいている方はなんとなく気づいていらっしゃるかもしれませんが、最近このブログをリニューアルしました!
昔から気になるところは多々あったのですが、なかなか時間を割けずにここまできました。
ということで、今回は備忘録も兼ねて、カスタマイズした点についてまとめておこうと思います。
カスタマイズ方法を提供していただいているみなさま、ありがとうございますmm
目次
ブログのテーマ
ブログのテーマは、レスポンシブデザインのSOHOにしました。
ヘッダー(タイトル)部分
ヘッダー部分は、以下のカスタマイズをしました。
- タイトル部分を画像のみにしました
→CSSでつまづいたのでまた別記事にします - カテゴリのグローバルメニューを作りました(前もあったけど刷新)
- スマホでメニューが上部固定になるようにしました
記事部分
- 最終更新日が表示されるようにしました
www.tsubasa-note.blog
SOHOはレスポンシブデザインなので、コード自体はこちらをお借りしました - 記事下(スマホはフッター固定)にシェアボタンをつけました
- パンくずリストを階層化しました
- カエレバのカスタマイズをしました
なかなか好みのビジュアルに仕上がったので満足です!
しかし、もうちょっとこうしたいなーっていうのがあるので、細かくカスタマイズしていきたいと思います…!
ほな、まったね〜(`・〜・´)ノシ
良ろしければ購読してください^^ このブログの @itol_sproutさんをフォロー |