10以上の最高の「目次」WordPressプラグイン

長い投稿が検索結果を支配します、誰もがそれを知っています。 しかし、訪問者はどのようにして巨大なコンテンツをナビゲートしますか？

答えは非常に簡単です。ブログの投稿に目次（ToC）を追加してください。 これにより、投稿の内容に関する明確な情報が提供され、興味のある場所に直接ジャンプできるようになります。 これは、ユーザーエクスペリエンスの大幅な向上にもつながります。

さらに、目次を追加すると、検索エンジンでのコンテンツの可視性が向上します。 ToCを含む記事の場合、Googleはメタディスクリプションの下にリンクを追加して、検索結果から直接リンクにジャンプします。

ToCを追加すると多くの利点が得られるため、WordPressブログに目次を追加することは完全に理にかなっています。 あなたがそれをするのを助けるためにいくつかのWordPressプラグインがあります。 最高のWordPress目次プラグインについてもっと知るために読み続けてください。

最高の目次WordPressプラグイン

かなりの数の目次プラグインがWordPressリポジトリで利用可能ですが、それらのほとんどは時代遅れです。 古いプラグインを使用することはお勧めできません。

適切なプラグインを見つけるのに役立つように、10以上のベスト目次WordPressプラグインのリストをまとめました。

*この目次はUltimateBlocksで作成されています。

また、WordPressで目次を手動で追加する方法も紹介します。

それでは、最初のWordPressToCプラグインから始めましょう。

1.アルティメットブロック

Ultimate Blocksは、専用の「目次」プラグインではなく、「目次」ブロックを含む「カスタムグーテンベルクブロック」のコレクションを提供します。 これは、グーテンベルクユーザーにとって必須のプラグインです。

プラグインには追加の設定はありません。 プラグインをアクティブ化したら、必要なのは「目次」ブロックをブログ投稿に挿入することだけです。

見出しから目次が自動的に生成されます。 目次の名前を変更できます。 そして、あなたはそれをあなたが望むどこにでも置くことができます。

このプラグインを選択する前に知っておくべきこと

• これは専用のToCプラグインではなく、カスタムGutenbergブロックのコレクションです。
• WordPressクラシックエディターでは動作しません。 グーテンベルクエディタが必要です。

2.簡単な目次

名前から推測できるように、このプラグインは、WordPressサイトにToCを追加する簡単な方法を提供します。 プラグインは、コンテンツの見出しを収集することにより、ToCを自動的に生成します。 投稿、カスタム投稿、ページで完璧に機能します。

さまざまなタイプのコンテンツに目次を自動挿入して有効にするための個別のオプションがあります。 目次の位置も選択できます。 使用可能なオプションには、最初の見出しの前または後、コンテンツの上部または下部が含まれます。

ToCを表示するヘッダーの最小数を設定できます。 これにより、ToCを短い投稿から隠すことができます。 カウンターの種類は、数字、ローマ字、10進数から選択できます。

プラグインには、いくつかの強力なカスタマイズオプションも付属しています。 たとえば、プラグインで定義された相対幅または固定幅のいずれかを選択したり、カスタム幅を指定したりできます。 フォントサイズを決定するための別のフィールドもあります。

始めるのに役立つ5つの既成のテーマがあります。 ただし、背景、境界線、タイトル、リンク、リンクホバー、リンク訪問色を選択して、独自のテーマを作成することもできます。 詳細設定セクションでは、目次に含めるヘッダータグを定義できます。

「簡単な目次」で作成された典型的な目次は次のようになります。

このプラグインを使用する前に知っておくべきこと

• これは、現在のWordPressバージョンと互換性のある最も人気のあるToCプラグインです。
• これは無料のプラグインであり、WordPress.orgリポジトリからダウンロードできます。

3.目次プラス

数字で見ると、Table of Content Plusは、WordPressリポジトリで最も人気のある目次プラグインです。 300,000以上のWebサイトがこのプラグインを使用しています。

それはあなたのWordPressウェブサイトにToCを追加する最も簡単な方法を提供します。 プラグインを使用すると、すべての投稿、ページ、およびカスタム投稿タイプに目次を表示できます。 さまざまな種類のコンテンツに対して自動ToC挿入を有効にすることができます。

ToCは、コンテンツの最初の見出しの前または後、コンテンツの上部または下部など、さまざまな場所に表示できます。 目次を表示するための見出しタグの最小数を定義するための便利なオプションがあります。

デフォルトでは、プラグインはToCの見出しとして「コンテンツ」を表示します。 これを独自のテキストに置き換えるか、見出しを完全に非表示にすることができます。 訪問者がToCの表示を切り替えて、最初にToCを非表示にすることを選択できるようにすることができます。

その他の注目すべきオプションには、目次に数値を表示する、階層を表示する、スムーズなスクロール効果を有効にするなどがあります。

ToC +には、いくつかのカスタマイズオプションがあります。 これらを使用すると、ToCの長さ、折り返​​しスタイル、およびフォントサイズを定義できます。 ToCの5つのデフォルトスタイルのいずれかを選択するか、独自のデザインを最初から作成できます。

プラグインは、いくつかのカスタムショートコードも備えています。 これらのショートコードを使用して、カスタムの場所にToCを表示したり、特定のコンテンツからToCを非表示にしたり、サイトマップ全体を表示したり、サイトマップ内の投稿、ページ、またはカテゴリのみを表示したりできます。

'目次プラス'で作成された典型的な目次は見た目–

このプラグインを選択する前に知っておくべきこと

• このプラグインは、最新の3つの主要なWordPressアップデートでテストされていません。
• このリストにある別のプラグインを目次プラスの代替として使用することをお勧めします。

4.ElementorのQiアドオン

100を超える既製の完全に柔軟なウィジェットのセットが付属するQiAddonsfor Elementorは、オールインワンのフリーミアムプラグインの選択肢です。 所有しているサイトの種類に関係なく、ページやセクションの外観を完全に充実させることができるアドオンが満載です。 このプラグインを使用すると、ビジネスやショーケースのアドオンから、タイポグラフィ、クリエイティブ、さらにはSEOベースのウィジェットまで何でも使用できるようになります。

目次は、サイトのさまざまな種類の目次を作成し、特定の好みに合わせて調整するための実用的で柔軟なオプションを提供するウィジェットの1つです。 タイトル、サブタイトル、および追加のテキストを追加でき、必要に応じてこれらのいずれも省略できます。 また、タイトルとサブタイトルのタグを設定し、すべての要素の色を変更し、セクションごとにタイポグラフィを詳細に調整することができます。 さらに、リストタイプ、位置、スタイルなどを選択するオプションを備えた、すっきりとしたリストスタイルセクションがあります。

'Elementorの目次ウィジェット用のQiアドオン'で作成された典型的なToCは次のようになります。

プラグインを選択する前に知っておくべきこと：

• Qi Addons for Elementorプラグインを機能させるには、Elementorをインストールする必要があります。
• Elementor用のQiアドオンはフリーミアムプラグインであり、目次ウィジェットは無料で利用できます。

5.目次を修正

このスタイリッシュなプラグインを使用すると、WordPressサイトで独自のスタイルの目次を作成して表示できます。 Fixed TOCプラグインはコンテンツをスキャンし、見出しに基づいてToCを自動的に作成します。 すべてのコンテンツタイプで正しく機能します。

ToCを表示するには、スマートショーとサイドバーに固定された2つの方法があります。 プラグインには、使い始めるのに役立ついくつかの魅力的なスタイルが付属しています。 これらのスタイルのフォント、色、位置、サイズなどをカスタマイズできます。

スムーズなスクロール機能のおかげで、訪問者はToCを使用して任意のセクションにスクロールできます。 見出しインジケーターは、コンテンツ内の現在の位置を示します。

コンテンツの各小見出しの下に追加のポイントが含まれている場合、目次は長くなります。 修正されたTOCプラグインは、この問題に対する独自の解決策を考え出しました。 訪問者は小見出しを切り替えて、追加のポイントを表示または非表示にすることができます。

ToCカラーは、ライブカスタマイザーセクションからカスタマイズできます。 完全にレスポンシブな目次は、モバイルデバイスやタブレットデバイスでもうまく機能します。

'FixedTOC'で作成された典型的なToCは次のようになります…

このプラグインを選択する前に知っておくべきこと

• このプラグインを使用すると、固定ToCとフローティングToCの両方を表示できます。
• これは20ドルのプレミアムプラグインです。

6 。 英雄的な目次

HeroThemesのチームによって作成された、ブロックエディター用の最高のToCプラグインの1つです。 Heroicの目次は、投稿/投稿の見出しを検出することにより、自動的に目次を作成します。 ToCを追加する場所に「HeroicTableofContents」ブロックを追加する必要があります。

プラグインには、目次の外観をカスタマイズするための4つの組み込みスタイルとオプションが付属しています。 元の内容を変更せずに、特定の見出しを非表示にしたり、見出しのテキストを変更したりできます。 展開と折りたたみのオプションを追加することもできます。

英雄的な目次で作成された典型的な目次は次のようになります。

プラグインを選択する前に知っておくべきこと

• このプラグインは、ブロックエディタでのみ機能します。
• これは完全に無料のプラグインです。

7. SimpleTOC

名前が示すように、それは非常にシンプルで使いやすいプラグインです。 プラグインをインストールした後、設定を構成する必要はありません。 エディターに移動し、「SimpleTOC」ブロックを検索して、投稿/ページに追加します。 目次が自動的に追加されます。

このプラグインはAMPと互換性があり、テーマのスタイルを継承します。 見出しの最大深度を変更して、順序付きリストまたは順序なしリストを選択できます。

SimpleTOCで作成された典型的なToCは次のようになります。

プラグインを選択する前に知っておくべきこと：

• このプラグインはグーテンベルク専用に構築されています。
• これは完全に無料のプラグインです。

8.豊富な目次

豊富な目次には、いくつかの高度な設計オプションがあります。 H2およびH3リストのデザインをカスタマイズできます。 フレームとアニメーションを目次に追加することもできます。 6つのデザインプリセットがあります。

また、色のカスタマイズに関しては、タイトル、テキスト、背景、境界線、見出し、およびボタンに戻る色を変更できます。 また、いくつかの詳細設定があります。

豊富な目次で作成された典型的な目次は次のようになります。

プラグインを選択する前に知っておくべきこと

• このプラグインは、すべての投稿のToCを自動的に生成します。
• これは無料のプラグインです。

9.CM目次

CM目次は、WordPressディレクトリにある最新の目次プラグインです。 CreativeMindsのチームによって作成されました。

プラグインには、目次が単一の投稿とページにのみ表示されるようにするための専用オプションが付属しています。 ToCのカスタムタイトルを提供することも可能です。 すべての管理オプションは、CM目次>設定ページにあります。

また、プラグインはToCを自動的に生成しません。 ToCを有効にするには、コンテンツの最後にあるチェックボックスをオンにする必要があります。

ToCの6つのレベルを管理するための専用フィールドがあります。 レベルごとに、関連する見出しタグを定義し、カスタムIDまたはクラスを割り当て、フォントサイズを選択できます。

ToCの自動作成、カスタムの場所へのToCの挿入、ページの読み込み時にToCを折りたたむ、複数ページのToCなどの高度なオプションが必要な場合は、プラグインのプレミアムバージョンを購入する必要があります。

「CM目次」で作成された典型的な目次は次のようになります…

このプラグインを選択する前に知っておくべきこと

• 800以上のアクティブなインストールしかありませんが、定期的に更新されます。
• 無料版とプレミアム版の両方があります。 プレミアムプランは、2つのWebサイトで29ドルから始まります。

10.マルチページ

名前が示すように、複数のページの目次を作成します。 このプラグインを使用すると、投稿を複数のサブページに分割できます。 また、最初またはすべてのサブページに目次を表示できます。

目次は、ユーザーをサブページにリダイレクトします。 そして、それはページビューとしてカウントされます。

プラグインを使用すると、CSSの知識がある場合に外観をカスタマイズすることもできます。 新しいmultipate.cssファイルを作成し、テーマ/css/フォルダーに配置できます。

「マルチページ」で作成された典型的な目次は次のようになります…

このプラグインを選択する前に知っておくべきこと

• このプラグインは、ブログ投稿/ページのサブページを作成しようとしている場合にのみ使用してください。
• これは、WordPressリポジトリで利用できる無料のプラグインです。

11.Elementor目次

WordPressに最適なページビルダーであるElementorは、最近、プロユーザー向けの「目次」ウィジェットを追加しました。 Elementorで作成されたページに動的な目次を追加できます。 それはあなたの読者により良い読みやすさを与えるでしょう。

ToCをカスタマイズして、Webサイトのデザインに合わせることができます。 また、目次はすべての画面の寸法に完全に対応しています。

Elementorで作成された典型的なToCは次のようになります。

プラグインを選択する前に知っておくべきこと：

• 目次を使用するには、ElementorProをインストールする必要があります。
• 投稿/ページ全体を使用するには、Elementorを使用して作成する必要があります。

12.ThriveArchitectによる目次

Thrive Architectは、単なる目次ジェネレーターではなく、多数の機能を備えた完全なページビルダーです。

自動化されたToCビルダー要素を提供します。 要素をコンテンツに挿入すると、目次が自動的に作成されます。 要素をコンテンツ内の任意の場所にドラッグアンドドロップできます。

次に、テーブルに含める見出しタグ（h1〜h6）を選択します。 これを実行して[更新]をクリックすると、目次が自動的に作成されます。 とても簡単です。

目次を制御するのに役立つ管理オプションがたくさんあります。 まず、セクションにカスタム名を指定できます。 Max-widthオプションとMin-widthオプションを使用すると、幅を設定できます。 テキストの配置を選択することもできます。 使用可能な配置オプションには、左、右、位置揃え、および中央揃えがあります。

デフォルト設定では、2列に目次が作成されます。 これを変更して、1列、2列、または3列の目次を作成できます。 このセクションにカスタムマージンとパディングを使用するための個別のオプションがあります。 背景、境界線、ヘッダーの背景色も選択できます。

「ThriveArchitect」で作成された典型的なToCは次のようになります…。

Thrive Architectは、目次を追加する最も動的な方法を提供します。 完全なカスタマイズオプションを提供します。 典型的なToCは次のようになります。

このプラグインを選択する前に知っておくべきこと

• これは、1つのサイトで67ドルかかるプレミアムページビルダープラグインです。
• この目次オプションを使用するには、「ThriveArchitect」を使用してコンテンツを作成する必要があります。 つまり、WordPressエディターでは使用できません。

したがって、これらはブログの投稿やページに目次を追加するために使用できる最高のToCプラグインです。

それでは、手動の方法もお見せしたいと思います。

WordPressで目次を手動で追加する方法

はい、プラグインを使用せずにWordPressに目次を追加できます。 また、WordPressを使用すると、GutenbergEditorで非常に簡単になります。

グーテンベルクでToCを追加する方法を見てみましょう。

まず、ヘッダーをハイライトし、右側から「詳細」をクリックします。 次に、「HTMLアンカー」ボックスにアンカー名を入力する必要があります。

次に、リンクする場所に戻ります。 そのテキストを選択し、アンカー名の前の＃でリンクするだけです（スクリーンショットに従ってください）。

それでおしまい。 これで完了です。

WordPressで目次またはアンカーリンクを追加するその他の方法については、Kinstaによるこの大規模なガイドに従ってください。

最後の言葉

つまり、これらは、WordPressサイトに目次を追加するために使用できる方法です。

私は個人的に、プラグインを使用するよりも手動のアプローチを好みます。 ただし、オン/オフの切り替え、フローティング目次などの他の機能を備えたプラグインが必要な場合もあります。

グーテンベルクエディターを使用している場合は、UltimateBlocksを使用することをお勧めします。 これは、グーテンベルクユーザーにとって必須のプラグインです。

現在、ToCクリエータープラグインを使用していますか？ はいの場合は、下のコメントでどちらを使用しているか教えてください。