目次プラグイン|古くて不具合が怖いTable of Contents PlusよりEasy Table of Contentsがおすすめ!設定方法を解説!

記事の見出しごとに自動で目次(索引)を表示させるプラグインとしてメジャーなTable of Contents Plusですが、こんな感じで…

Table of Contents Plusが表示されない不具合はないが3年も更新されてない

  • 最終更新:3年前
  • 使用中のWordPressバージョンで未検証

となっています。

3年もアップデートが行われていないプラグインって、AdSense ManagerやPost Viewsを思い出してしまって、私はとても不安な気持ちになります。

今すぐ不具合が起こるということは無いのかもしれませんが、近い将来ワードプレスやPHPのバージョンとの互換性がなくなっていくのは火を見るよりも明らかです。

そこでTable of Contents Plusに代わるプラグインとして私が使っているEasy Table of Contents設定方法と使い方を紹介します!

子テーマで作業を行うことを強くおすすめします。

当ブログでは現在、Easy Table of Contentsを使っていません。(別のサイトでは使っています)

The Thorという、目次機能がデフォルトで備わっているテーマに変更したためです。

Easy Table of Contentsの設定のしかたを解説したYouTube動画はこちら!

Easy Table of Contentsの設定のしかたを画像で解説!

WordPressのダッシュボードからEasy Table of Contentsプラグインをインストールして有効化します。

  • Easy Table of Contentsのアイコン最終更新:5か月前
  • 使用中のWordPressバージョンと互換性あり

のメッセージに安心感を覚えますね〜!

プラグインをインストール&有効化する方法
関連記事

WordPressでブログを運営する上で欠かすことの出来ないプラグイン!こちらの記事ではプラグインを検索してインストールし、有効化するまでの方法を動画と画像で解説します!プラグインをインストールし有効化する方法を動画で解[…]

ダッシュボードのEasy Table of Contentsの設定方法「設定」をポイント

「目次」をクリック

Easy Table of Contentsの設定方法

自動挿入投稿にチェック。

他にも目次を入れたいものに適宜チェック。

位置「最初の見出しの前(デフォルト)」がおすすめです。
表示条件「2」がおすすめです。
理由は、例えば「3」にしていて、見出しが2つしかない構成の記事だと目次が表示されないためです。
見出しラベルを表示チェックを入れておくのがおすすめです。
見出しラベル「目次」や「もくじ」や「contents」など適宜入力。
折りたたみ表示チェックを入れておくのがおすすめです。

以降お好みで設定していき…
(私はデフォルトのままです)

テーマ(目次のカラー)を選びます!

メインコンテンツへスキップツールバーへスキップ WordPress について インターネットビジネスで起業し、自然派グルメを楽しむ元OL美紀のブログ 22件のプラグイン更新 11件のコメントが承認待ちです。 新規 投稿を表示 ログアウト こんにちは、美紀 さん ログアウト ヘルプ 表示オプション 投稿の編集 新規追加 ここにタイトルを入力 Table of Contents Plusは古くて不具合が怖いならEasy Table of Contentsがおすすめ!設定方法と使い方! タイトル文字数: 71 パーマリンク: https://behappier-miki.com/table-of-contents-plus ‎編集 メディアを追加ビジュアルテキスト ファイル 編集 表示 挿入 フォーマット テーブル 段落 スタイル ヒラギノ角ゴ ProN W3 16px ショートコード 文字数: 1242 10:53:01 pm に下書きを保存しました。 最後の編集: 2018年5月25日 7:32 PM - 美紀 パネルを閉じる: 公開 変更をプレビュー (新しいウィンドウで開きます) ステータス: 公開済み 編集 ステータスを編集 公開状態: 公開 編集 公開状態を編集 リビジョン: 10 表示 リビジョンを表示 公開日時: 2018年3月23日 @ 18:37 編集 日時を編集 ゴミ箱へ移動 パネルを閉じる: カテゴリー カテゴリー一覧 よく使うもの プラグイン CONTACT MIND MONETIZATION アフィリエイト AdSenseに記事数10・審査3時間で合格したブログ webツール・アプリ WordPress JIN 賢威 ブログの始め方 マイスピー PROFILE コスメの安全 元OLの経験から 日々のできごと 美紀シュラン 美紀シュランお取り寄せ 美紀シュラン名古屋 美紀シュラン東京 食の安全 未分類 美紀のメルマガ講座 + 新規カテゴリーを追加 パネルを閉じる: タグ 新規タグを追加 タグが複数ある場合はコンマで区切ってください よく使われているタグから選択 パネルを閉じる: アイキャッチ画像 編集または更新する画像をクリック アイキャッチ画像を削除 パネルを閉じる: 投稿の属性 テンプレート パネルを閉じる: おすすめ記事 おすすめ記事にする パネルを閉じる: SNSボタン非表示 この記事でSNSボタンを表示しない パネルを閉じる: 広告非表示 この記事で広告を表示しない パネルを閉じる: CTA非表示 この記事でCTAを表示しない パネルを閉じる: プロフィール非表示 この記事でプロフィールを表示しない パネルを閉じる: 関連記事非表示 この記事で関連記事を表示しない パネルを閉じる: メモ パネルを閉じる: ボックスデザイン一覧 ここにテキストを入力 ここにテキストを入力 ここにテキストを入力 コードコピー コードコピー コードコピー ここにテキストを入力 ここにテキストを入力 ここにテキストを入力 コードコピー コードコピー コードコピー ここにテキストを入力 ここにテキストを入力 ここにテキストを入力 コードコピー コードコピー コードコピー ここにテキストを入力 ここにテキストを入力 ここにテキストを入力 コードコピー コードコピー コードコピー ここにテキストを入力 ここにテキストを入力 ここにテキストを入力 コードコピー コードコピー コードコピー ここにテキストを入力 ここにテキストを入力 ここにテキストを入力 ショートコードコピー ショートコードコピー ショートコードコピー ここにテキストを入力 ここにテキストを入力 ここにテキストを入力 ショートコードコピー ショートコードコピー ショートコードコピー パネルを閉じる: 抜粋 抜粋 今回は、記事の見出しごとに自動で目次を表示してくれるプラグインTable of Contents Plusを紹介します。 その記事の目次を記事の冒頭部分に設置することで、ブログ訪問者がその記事にどんな内容が書かれているかを、全文に目を通さなくても把握することができます。 抜粋は投稿内容から自分で作成する要約で、テーマの中で使用できます (オプション)。詳しくは解説ページをご覧ください。 パネルを閉じる: リビジョン 美紀, 5か月前 (2018年5月25日 19:32:04) 美紀, 5か月前 (2018年5月25日 19:30:30) [自動保存] 美紀, 7か月前 (2018年3月15日 20:31:18) 美紀, 7か月前 (2018年3月15日 20:31:04) 美紀, 1年前 (2017年10月10日 19:05:51) 美紀, 1年前 (2017年8月6日 19:38:02) 美紀, 1年前 (2017年7月19日 19:44:35) 美紀, 1年前 (2017年5月2日 19:10:21) 美紀, 2年前 (2017年3月24日 14:59:41) 美紀, 2年前 (2017年3月23日 18:36:38) パネルを閉じる: コメント コメントする まだコメントはありません。 パネルを閉じる: noindex設定 この記事をnoindexにする パネルを閉じる: description設定 WordPress のご利用ありがとうございます。 バージョン 4.9.8 メディアパネルを閉じる メディアを追加 タイプで絞り込み日付で絞り込みメディアを検索 メディア項目を検索... 添付ファイルの詳細 ETOC3.jpg 2018年10月15日 36 KB 400 × 507 画像を編集 完全に削除する URL https://behappier-miki.com/wp-content/uploads/2018/03/ETOC3.jpg タイトル ETOC3 キャプション 代替テキスト Easy Table of Contentsの設定方法 説明 添付ファイルの表示設定 配置 リンク先 サイズ 1点を選択済 クリア 投稿に挿入既存のカラーから選ぶか…

または、

メインコンテンツへスキップツールバーへスキップ WordPress について インターネットビジネスで起業し、自然派グルメを楽しむ元OL美紀のブログ 22件のプラグイン更新 11件のコメントが承認待ちです。 新規 投稿を表示 ログアウト こんにちは、美紀 さん ログアウト ヘルプ 表示オプション 投稿の編集 新規追加 ここにタイトルを入力 Table of Contents Plusは古くて不具合が怖いならEasy Table of Contentsがおすすめ!設定方法と使い方! タイトル文字数: 71 パーマリンク: https://behappier-miki.com/table-of-contents-plus ‎編集 メディアを追加ビジュアルテキスト ファイル 編集 表示 挿入 フォーマット テーブル 段落 スタイル ヒラギノ角ゴ ProN W3 16px ショートコード 文字数: 1242 10:53:01 pm に下書きを保存しました。 最後の編集: 2018年5月25日 7:32 PM - 美紀 パネルを閉じる: 公開 変更をプレビュー (新しいウィンドウで開きます) ステータス: 公開済み 編集 ステータスを編集 公開状態: 公開 編集 公開状態を編集 リビジョン: 10 表示 リビジョンを表示 公開日時: 2018年3月23日 @ 18:37 編集 日時を編集 ゴミ箱へ移動 パネルを閉じる: カテゴリー カテゴリー一覧 よく使うもの プラグイン CONTACT MIND MONETIZATION アフィリエイト AdSenseに記事数10・審査3時間で合格したブログ webツール・アプリ WordPress JIN 賢威 ブログの始め方 マイスピー PROFILE コスメの安全 元OLの経験から 日々のできごと 美紀シュラン 美紀シュランお取り寄せ 美紀シュラン名古屋 美紀シュラン東京 食の安全 未分類 美紀のメルマガ講座 + 新規カテゴリーを追加 パネルを閉じる: タグ 新規タグを追加 タグが複数ある場合はコンマで区切ってください よく使われているタグから選択 パネルを閉じる: アイキャッチ画像 編集または更新する画像をクリック アイキャッチ画像を削除 パネルを閉じる: 投稿の属性 テンプレート パネルを閉じる: おすすめ記事 おすすめ記事にする パネルを閉じる: SNSボタン非表示 この記事でSNSボタンを表示しない パネルを閉じる: 広告非表示 この記事で広告を表示しない パネルを閉じる: CTA非表示 この記事でCTAを表示しない パネルを閉じる: プロフィール非表示 この記事でプロフィールを表示しない パネルを閉じる: 関連記事非表示 この記事で関連記事を表示しない パネルを閉じる: メモ パネルを閉じる: ボックスデザイン一覧 ここにテキストを入力 ここにテキストを入力 ここにテキストを入力 コードコピー コードコピー コードコピー ここにテキストを入力 ここにテキストを入力 ここにテキストを入力 コードコピー コードコピー コードコピー ここにテキストを入力 ここにテキストを入力 ここにテキストを入力 コードコピー コードコピー コードコピー ここにテキストを入力 ここにテキストを入力 ここにテキストを入力 コードコピー コードコピー コードコピー ここにテキストを入力 ここにテキストを入力 ここにテキストを入力 コードコピー コードコピー コードコピー ここにテキストを入力 ここにテキストを入力 ここにテキストを入力 ショートコードコピー ショートコードコピー ショートコードコピー ここにテキストを入力 ここにテキストを入力 ここにテキストを入力 ショートコードコピー ショートコードコピー ショートコードコピー パネルを閉じる: 抜粋 抜粋 今回は、記事の見出しごとに自動で目次を表示してくれるプラグインTable of Contents Plusを紹介します。 その記事の目次を記事の冒頭部分に設置することで、ブログ訪問者がその記事にどんな内容が書かれているかを、全文に目を通さなくても把握することができます。 抜粋は投稿内容から自分で作成する要約で、テーマの中で使用できます (オプション)。詳しくは解説ページをご覧ください。 パネルを閉じる: リビジョン 美紀, 5か月前 (2018年5月25日 19:32:04) 美紀, 5か月前 (2018年5月25日 19:30:30) [自動保存] 美紀, 7か月前 (2018年3月15日 20:31:18) 美紀, 7か月前 (2018年3月15日 20:31:04) 美紀, 1年前 (2017年10月10日 19:05:51) 美紀, 1年前 (2017年8月6日 19:38:02) 美紀, 1年前 (2017年7月19日 19:44:35) 美紀, 1年前 (2017年5月2日 19:10:21) 美紀, 2年前 (2017年3月24日 14:59:41) 美紀, 2年前 (2017年3月23日 18:36:38) パネルを閉じる: コメント コメントする まだコメントはありません。 パネルを閉じる: noindex設定 この記事をnoindexにする パネルを閉じる: description設定 WordPress のご利用ありがとうございます。 バージョン 4.9.8 メディアパネルを閉じる メディアを追加 タイプで絞り込み日付で絞り込みメディアを検索 メディア項目を検索... 添付ファイルの詳細 ETOC3.jpg 2018年10月15日 36 KB 400 × 507 画像を編集 完全に削除する URL https://behappier-miki.com/wp-content/uploads/2018/03/ETOC3.jpg タイトル ETOC3 キャプション 代替テキスト Easy Table of Contentsの設定方法 説明 添付ファイルの表示設定 配置 リンク先 サイズ 1点を選択済 クリア 投稿に挿入カスタムを選んで、それぞれの色をカスタマイズすることもできます。

以降お好みで設定していき…
(私はデフォルトのままです)

「見出し:」のところで…Easy Table of Containsプラグインの設定方法

どの見出しレベルを表示させるかをチェック

私がこのプラグイン(Easy Table of Contents)を使っているサイトでは、上図の通り「見出し2」のみにチェックを入れています。

私が見出し2にしかチェックを入れてなかった理由は下記の2つです。
理由1
芸能系を含むトレンドブログなため、記事の構成的に小見出しを表示させる必要を感じなかった。
理由2
見出し3以下もチェックを入れると下図のように、小見出しに意図せぬ点が付いてしまう。
JINでEasy Table of Contentsプラグインを使う場合に小見出しに付く丸

でも、

見出しレベル3以降も目次に表示させたい

かつ

余分な●も表示させたくない

という場合は、こちらの記事↓を参考にしてCSSを追記してしてみてくださいね。

関連記事

WordPressの目次を自動生成するプラグインがいくつかある中で最もメジャーなTable of Contents Plus。「JIN」の公式サイトでもおすすめの紹介されていたりするプラグインではあるのですが… 最終更新:3年[…]

こちらの記事↑で紹介しているCSSはJINのカスタマーサポートの方から教えていただいた「●を消すためのCSS」をベースに、「目次内だけは●を表示させないCSS」を組み合わせたものです。

私の環境下では実現できましたがプラグインなどが干渉して実現できない可能性もありますので、自己責任でお願いいたしますm(_ _)m

これ以降もお好みで設定し…
(私はデフォルトのままです)

「変更を保存」をクリック

以上でEasy Table of Contentsの設定は完了です。

お疲れ様でした!

Easy Table of Contentsの使い方

Easy Table of Contentsは設定しておけば自動で目次を表示させてくれるので、使い方の説明は省きます。

小見出しに付く不要な●を消す方法

先ほど少し紹介しましたが、「見出し3」以下にもチェックをいれている場合は、下図のように…

JINでEasy Table of Contentsプラグインを使う場合に小見出しに付く丸小見出しのところに余分な●(点)が入ってしまいます。

この丸(点)を消す方法はこちら↓で紹介しています。

関連記事

WordPressの目次を自動生成するプラグインがいくつかある中で最もメジャーなTable of Contents Plus。「JIN」の公式サイトでもおすすめの紹介されていたりするプラグインではあるのですが… 最終更新:3年[…]

さいごに

Easy Table of ContentsTable of Contents Plusと同じぐらい簡単に設定できる上に、マメに更新されていて好感が持てます。

ワードプレスをアップデートするタイミングや、サーバー会社がPHPをバージョンアップする度に『不具合おきないかな』とドキドキしなくて済み、安心感が違いますよね。

見やすい目次を設置するのはSEO対策としても有効なので、ぜひEasy Table of Contentsを設定しておきましょう!

 
\この記事のURLとタイトルをコピーする/