はてなブログで【目次】をサイドバーに表示する方法 はてなブログカスタマイズ

今回のはてなブログカスタマイズは、記事の目次をサイドバーにも表示するものです。記事のよこに目次を置くことで読んでいるところを把握することができ、記事が読みやすくなります。記事が長い場合に効果的です。記事の目次を表示するには、記事編集画面で入力補助ツールバーから「目次」ボタンをクリックします。という文字が入力され、この文字の位置に記事の目次が表示されます。記事の見出しが目次として表示されます。サイドバーに表示本題のサイドバーに表示する方法ですが、私は、HTML要素のクローンを生成して表示する方法をとりました。サイドバーには事前に、HTMLモジュールを一番下に設置しておきます。