jQueryを使いプラグインなしで目次をWordPressの記事に自動追加する

ブログや解説サイトに目次を設定することで、記事の内容をわかりくし情報を見つけやすくすることでユーザビリティを高めることができます。 WordPressには、目次を挿入するためのプラグインも多数ありますが動作が重くなってしまう場合があります。動作を軽くしつつ誤動作をなるべく防ぐために、プラグインを使わずにWordPressテーマに目次を挿入する機能を追加してみましょう。 今回は、jQueryを使用してWordPressで見出しを自動抽出し、目次として表示させる方法についてご紹介します。 目次を動かすためのjQueryを記述する まずは、目次のベースとなるjQueryの記述をします。WordPressのテーマでjQueryを動かすためには、新たにテンプレートを作成して機能を追加する方法と、footer.phpの</body>前に直接記述する方法の2種類あります。 本記事では書き換えや修正が簡単