imzModules バージョンアップ（カテゴリー階層化の追加） ver.2.1.0

2019.05.30 はてなブログ, テーマ

imzModules に「カテゴリー階層化」を追加しました。

imzModules とは？
使用方法
追加オプション
- treeCategory ／カテゴリーを階層化する
- サンプル画像
サンプルCSS
ライセンス等

01imzModules とは？

はてなブログをカスタマイズする場合、css だけでは思うようにならないことがあります。その場合は Javascript を使い、DOM 操作をおこなって要素を追加したり、移動したりするしかありません。

その DOM 操作をモジュール化して ON/OFF 指定だけで行うことができるようにしようというのが imzModules です。

次の記事も参照してください。

02使用方法

下記 Github から最新スクリプトをダウンロードする
GitHub – ausnichts/imzModules
最新スクリプト： imzm20190530.min.js
ダウンロードしたファイルを <script></script> でくくり カスタマイズ > フッタ に入れる
または、github.io など自分でサーバを立ち上げ、はてなブログから外部ファイルを読み込める環境をつくる
参考記事：DropboxのPublicフォルダからGitHubページに移行した
カスタマイズ > フッタ に次のスクリプトを入れて、必要なオプションに true を指定する

// 外部ファイルの場合
<!--
<script type="text/javascript" src="https://****/imzm20190530.min.js"></script>
-->
// フッタにファイルを入れる場合
<!--
<script>ダウンロードした imzm20190530.js </script>
-->


<script>
// 使用しないオプションは false を指定するか削除する
(function(){
var initialSetting = new imzModules({
    linkBlank: true,
    mvBgImg: true,
    chgFeturedImg: true,
    pageArchive: true,
    mvCategory: true,
    scrNavi: true,
    addHistoryBack: true,
    chgBCLink: true,
    treeCategory: true
});
document.addEventListener("DOMContentLoaded", initialSetting.init(), false);
})();
</script>