2013/07/03 タグ: ユーザビリティ, 中級 Wikiをはじめ、記事の先頭にリストの目次(インデックス)をつけているサイトを目にしたことがあると思います。 記事の内容がざっと理解でき、さらにクリックすることでスクロール移動できます。 訪問者にはとても優しい構成ですね。 ただし、このリストの目次は手作業で行うとかなり面倒です。 ユーザービリティの向上につながるとはいえ、投稿時に手間が掛かってはいただけません。 このサイトでも実装していますが、WordPressの場合は「Table of Contents Plus」などのプラグインで機能追加することができます。 今回はjQueryを使って、自前で実装してみたいと思います。 jQueryの確認 前提としてjQueryがロードされている必要があります。ソースのヘッダ内で下記のようにjQuery.jsが出力されているか確認してください。 <
![WordPressでページ内目次を見出しタグから自動生成(プラグインなし)](https://cdn-ak-scissors.b.st-hatena.com/image/square/458dbc08bef7e3b28285abc188500684c6a7c462/height=288;version=1;width=512/https%3A%2F%2Fseous.info%2Fwp-content%2Fuploads%2F2013%2F07%2Fnewspaper-34126_1280-1-700x423.png)