jQuery Table of Contents（jQuery TOC）は、WordPress用のプラグインです。記事内の指定した見出しタグを自動的に整理して目次を作成し、読者が特定の見出し位置へすばやく移動できるようにします。デフォルトでは h2 見出しが使用され、各見出しもページ先頭へ戻るリンクになります。

jQuery Table of Contents

jQuery TOCをインストールした後の基本設定はとても簡単です。主に確認する必要があるのは、記事本文エリアのセレクタと、目次に含める見出しタグです。

jQuery Table of Contents の設定

jQuery content selector

ここでは、WordPressの記事エリアで使用されている div のIDまたはクラスを指定します。当時私が使っていたテーマを例にすると、記事エリアは #content .contenttext でした。一方、プラグインのデフォルト値は .single .entry です。異なるテーマを使っている場合は、そのテーマで実際に使われているスタイルIDまたはクラスに変更する必要があります。そうしないと、プラグインが記事本文を見つけられず、目次を正しく生成できない可能性があります。

Header Tag

ここでは、目次を構成する見出しタグを設定します。プラグインのデフォルトは h2 ですが、このサイトでは h3 を使用しています。記事構造で h2 を大見出し、h3 を小見出しとして使っている場合は、実際の必要に応じて対応するタグを選択します。

設定が完了すると、内容の長い記事では目次を自動生成できるようになり、読者がより簡単に閲覧や移動を行えるようになります。