はてなブログのカスタマイズ - 月別アーカイブをBootstrap Navbar に加える

公開:2014-09-07 15:55
更新:2020-02-15 04:37
カテゴリ:bootstrap,はてなブログのカスタマイズ,boost

今日は引き続き、はてなブログのサイドバーモジュールをBootstrap Navbarに変換するコードを書いていた。
成果は以下の通り。実際の実行例はこのブログの上部にあるメニューがそうである。

https://gist.github.com/62df94f4c7398eb8f410

はてなブログのカスタマイズスクリプト

基本的にはサイドバーモジュールの構造を分析して、必要な情報を取得し、Navbarコードに置き換えているだけだ。 しかしはてなブログのライブラリJSコードを解析した結果、月別アーカイブはajaxで非同期に取得し、動的にHTMLを生成していることがわかった。なので月別アーカイブ表示の部分だけは若干長めのコードになっている(103行目)。

ついでに他のサービスのリンクメニューも追加しておいた。

はてなブログのHatenaオブジェクトはブログカスタマイズに有用なコードがたくさん詰まっていそうだ。必要に応じて解析を進めていくとしよう。