プラグイン

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

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

Table of Contents Plusが表示されない不具合はないが3年も更新されてない
  • 最終更新:3年前
  • 使用中のWordPressバージョンで未検証

となっています。

 

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

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

賢威7を使っている場合ばプラグインなしで目次を設定できるので、こちらの記事▼を参考にしてみてくださいね。
賢威7でWordPressに目次を設定する方法が超簡単!プラグイン不要!

 

Easy Table of Contentsで表示される目次は↓こんなな感じ↓です。(色なども選べますよ)

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つしかない記事だと目次が表示されないため。

見出しラベルを表示 チェックを入れておくのがおすすめです。
見出しラベル 「目次」や「もくじ」など適宜入力。
折りたたみ表示 チェックを入れておくのがおすすめです。

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

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

メインコンテンツへスキップツールバーへスキップ 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 Contentsの設定は完了です。
お疲れ様でした!

Easy Table of Contentsの使い方

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

さいごに

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

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

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

賢威7を使っている場合はプラグインなしで目次を設定できるので、こちらの記事▼を参考にしてみてくださいね。
賢威7でWordPressに目次を設定する方法が超簡単!プラグイン不要!