【jQuery・プラグインなし】WordPressで記事の見出しから自動で目次ナビを生成する自作スクリプト | WEMOWordPressの記事から見出しを自動で探し出し、リンク付きの「目次」ナビゲーションを設置するためのスクリプトを紹介します。 jQueryも一切使っていないです。 プラグインを使いたくない！って方は是非参考にしてみてください。 1. 見出しタグやブログのHTML構造を確認する まずは準備として、現在使用しているテーマのHTMLソースの構造を把握しておきましょう。 目次にしたい見出しは何番のHタグを使っているのか まずは見出しタグから確認していきましょう。 例えば下の画像のように、記事のタイトルがH1タグで、 大見出しはH2タグ、中見出しは全てH3タグで書いてあるパターンなどがあると思います。 ほとんどこんな感じかと思いますが、たまに大見出しも全部h1タグだったりするので確認しておきましょう。 今回は このパターンを例にしたスクリプトを紹介していきます。 記事を囲っているdivタグなどのI
