はてなブログカスタマイズ:ドロップダウンできるグローバルナビゲーションを付けたよ

※この記事は、はてなブログ時代のものです。WordPressに移行したあとは参考にならないかもしれませんが、残しておきます。

記事にたいした魅力がないから、せめてはてなブログのカスタマイズでも、と思い、ドロップダウンできるグローバルナビゲーションを付けました。

こちらのブログを参考にさせていただきました。

 

http://shiromatakumi.hatenablog.com/entry/2016/10/20/214222
(非公開になっているみたいです)

 

できあがりはこんな感じです。

f:id:e-wave:20161126063914p:plain

 

記事がたいして面白くない割には、カテゴリーが多いんですよね、このブログ。

特にトイレネタは、過去に訪れたトイレの住所ごとにカテゴライズしていて、しかも住所のカテゴリーが何を表すのかがわかりにくい。トイレ>各住所という構成がわかりやすくなるためにも、以下のようにしてみたわけです。

f:id:e-wave:20161126064510p:plain

「おい、お前、自分でHTML5&CSS3の勉強するって言ってなかったのかい?」

そう、そのとおりです。以前、こんな記事書いてました。

 

[st-card id=292 label='' name='']

 

[st-card id=291 label='' name='']

 

 

これらの勉強が、今回のカスタマイズをスムーズにできましたのです。

お世話になったシロマティさんのブログはとてもわかりやすく紹介してくれてるのですが、HTMLやCSSの基本的なところをおさえておかないとわけわかんなくなっちゃうんですよね。わたしはなんとかついていけましたが、人によってはハードルが高いかも。

でも、基本的なところだと思いますので、しっかり勉強すれば問題無し。

 

基本的な勉強>>>応用(シロマティさんの記事)という流れで、うまくいきました、という言い訳にしときます。

おすすめの記事