WORDPRESS

【2021年】Table of Contents Plus(TOC+)の設定方法を初心者向けに解説【WordPressプラグイン/記事ごとの目次を自動生成】

Table of Contents Plus(TOC+)の設定方法
 

専業ブロガー4年目のあずきです🐥

 

WordPressにおける代表的なプラグインの1つ…

Table of Contents Plus(TOC+)

について、導入手順と設定方法をブログ初心者さん向けに1から解説していきます

 

Table of Contents Plusは、WordPressで投稿した記事ごとの「目次」を自動生成するためのプラグインです

もちろん無料のプラグインだよ!
 

具体的には、ページごとの「見出し」をもとに…

「Table of Contents Plus(TOC+)」のおすすめな設定方法 top-01

「Table of Contents Plus(TOC+)」のおすすめな設定方法 top-02

↑ こういった目次ボックスが、記事ごとで自動挿入されます

 

そんな「Table of Contents Plus」について、2つのステップで丁寧に解説していきます🐥

  1. 「Table of Contents Plus」の導入手順(インストールと有効化)
  2. 「Table of Contents Plus」のおすすめな設定方法
ということで、さっそく見ていこー!

【2021年】Table of Contents Plus(TOC+)の設定方法を初心者向けに解説【WordPressプラグイン/記事ごとの目次を自動生成】

ステップ1:WordPressプラグイン「Table of Contents Plus」の導入手順【インストールと有効化】

WordPress ヘッダー c-01

はじめに

プラグインの導入・設定に際しては、万が一のエラーに備えて各種データを事前にバックアップされたうえで、すべてご自身の責任にて行ってください(ご利用中のWordPress環境などによっては不具合が生じてしまう可能性があります)

BackWPupのおすすめな設定方法
【2021年】BackWPupのおすすめな設定方法を初心者向けに解説【WordPressプラグイン/ブログデータを自動でバックアップ】

続きを見る

 

はじめに…

プラグイン「Table of Contents Plus」の導入手順

について

 

WordPress管理画面の左側にある一覧メニューから…

WordPressプラグイン インストール 1-01

↑「プラグイン」という項目にカーソルを合わせ、開いたメニュー内にある「新規追加」をクリックしましょう

 

つづいて、画面の右上にある…

WordPressプラグイン インストール 1-02

↑ こちらの検索フォームに Table of Contents Plus と入力し、その下の検索結果から…

Table of Contents Plus(TOC+)の設定方法 1-1-01

↑ このアイコンが目印のプラグイン「Table of Contents Plus」を探し、右上の「今すぐインストール」ボタンをクリックします

 

「今すぐインストール」ボタンが「有効化」という表示に切り替わったら、つづいて「有効化」ボタンもクリックしましょう

WordPressプラグイン インストール 1-03

↑「プラグインを有効化しました。」と表示されたら、プラグインの「インストール&有効化」は完了です

お次は肝心の設定方法について見ていくよ!
 

ステップ2:WordPressプラグイン「Table of Contents Plus」のおすすめな設定方法

WordPress ヘッダー c-02

つづいて2つ目のステップは…

プラグイン「Table of Contents Plus」の設定方法

について

 

まず設定内容に絶対的な正解はもちろんないですが、ここでは当ブログでも実際に使用している設定例をベースにご紹介していきますね

 

WordPress管理画面の左側一覧から…

「Table of Contents Plus(TOC+)」のおすすめな設定方法 1-2-01

↑ 設定 > TOC+ をクリックしましょう

 

「Table of Contents Plus」の設定画面が開いたら、まず一番上に並んでいるタブについては…

「Table of Contents Plus(TOC+)」のおすすめな設定方法 1-2-02

↑「基本設定」というタブだけ設定しておけば、基本的にはOKです

 

「基本設定」タブ:前編

 

「基本設定」タブの前半部分におけるおすすめな設定例は、次の通り ↓

「Table of Contents Plus(TOC+)」のおすすめな設定方法 1-2-03

各項目の解説については、下記をどうぞ!
 
位置
 

目次を自動生成する「位置」を指定します

 
表示条件
 

指定した「見出し」の数に達していない記事の場合、目次は自動生成されなくなります

 
以下のコンテンツタイプを自動挿入
 

目次を自動生成する対象ページを指定します(「post」は投稿、「page」は固定ページ)

 
 
見出しテキスト
 

目次の上部に表示される「ボックスタイトル」などを指定します

 

ちなみに…

「最初は目次を非表示」という項目にチェックを入れると、読者がページを訪れたときのデフォルト状態が「畳まれたスタイル」になります

つまり、目次を見たいユーザーには自分で開いてもらう形!
 
階層表示
 

「H1・H2・H3…」という見出しの ”階層” が、一目でわかる目次デザインになります

 
 
番号振り
 

目次内の各見出しに、「番号」が自動で振られます

 
スムーズ・スクロール効果を有効化
 

目次内の各リンクがクリックされた際の「挙動パターン」を指定します

 

「基本設定」タブ:後編 ※外観エリア

 

つづいてその下の、【外観】と表示されているエリアの設定例です ↓

Table of Contents Plus(TOC+)の設定方法 1-2-04

 
横幅
 

目次のボックスデザインの横幅を指定します

 
回り込み
 

目次内で幅一杯になったテキストの表示形式を指定します

 
文字サイズ
 

目次内のフォントサイズを指定します

 
プレゼンテーション
 

目次ボックスのデザインを選択・指定します

 

ここまでの設定内容で、実際のページ上では…

Table of Contents Plus(TOC+)の設定方法 1-2-05

↑ このようなデザインになりました🐥

基本的な設定はこれでOKだけど、あと覚えておきたい項目を1点だけ紹介するよ!
 

「基本設定」タブ:おまけ編 ※上級者向けエリア

 

同じ設定画面の下部にある、【上級者向け】という場所を開いたなかの…

Table of Contents Plus(TOC+)の設定方法 1-2-06

↑「見出しレベル」という項目を見てみましょう

 

この「見出しレベル」で、目次に表示される見出しの ”階層” をどの段階まで表示させるか指定することができます

 

参考までに、当ブログでは上画像のように…

  • H2見出し
  • H3見出し
  • H4見出し

の3つを選択しています

ちなみに「H1」っていうのは、記事タイトルのこと!
 

ということで…

一通り設定できたら、画面の左下にある「設定を更新」ボタンを忘れずにクリックして今回の設定は完了です🐥

 

人気記事

 

今回の記事はこちらの章に属しています

 第4章 プラグイン 編         

次の章はこちらからどうぞ

 第5章 内部設定 編          

全8章のTOPページです

あずきのワードプレスブログ「完全初心者」ガイド

\ 当ブログで愛用しています /

ACTION AFFINGER6 バナー 01-300px

検証と改善を重ねた唯一無二のテーマ

ACTION AFFINGER6

 

   ✔ 洗練されたビジュアルと、ターゲットに合わせた「変幻自在」な柔軟性!

   ✔ 時間のかかる面倒なカスタマイズも「クリック1つ」でさくさく実現!

   ✔ 「稼ぐ」に特化した、本気で戦うための最適化&アフィリエイト機能!

すごいもくじLITE

の限定特典キャンペーンも実施中!!!

 

公式:「稼ぐ」に特化したワードプレステーマ『ACTION AFFINGER6』

関連:【1番の本質】ACTION AFFINGER6って実際どう?良い点&気になる点を専業ブロガーが本気レビュー【WordPressの愛用テーマ】

AFFINGER6って実際どう?良い点&気になる点を専業ブロガーが本気レビュー
【1番の本質】ACTION AFFINGER6って実際どう?良い点&気になる点を専業ブロガーが本気レビュー【WordPressの愛用テーマ】

続きを見る

About me

あずきアイコン main-01 背景透過

- 専業ブロガー・フリーランス -

あずき

 

独立4年目 / 元アパレル → 歴10年

 

20代は中華鍋のように目まぐるしい日々でした。 30代は創作懐石のように、静かに自分の形をつくっていきます。 普段はTwitter(@azuki_rinrin)にいるので覗いてもらえると嬉しいです^^

-WORDPRESS