ワードプレス

WordPressの記事に目次を入れるプラグイン「Table of Contents Plus」の使い方

投稿日:2019年4月30日 更新日:

椎成(しいな)
椎成(しいな)
こんにちは、椎成です。
>加藤 椎成のプロフィール

 

ワードプレスのプラグイン「Table of Contents Plus」を解説します。

 

今回は、ワードプレスの記事に目次を入れる
「Table of Contents Plus」TOC+の使い方について説明します。

 

どうして記事に目次をいれる必要があるの?

 

読者さんのことを考えたら
記事に目次を入れた方が断然見やすいので
この記事を参考にぜひ使って見てください。

 

ブログってもとともと日記的な内容を書き綴るツールだったので
書くことが好きな方や、書きなれている方のブログを見ると
文字数がけっこう多かったりします。

 

この場合、読む側がよほど書いた人に
興味を持っていなければ
スルーされる確率が高くなります。

 

いくら良い内容の文章だったとしても
パッと見で文章がやたら長いだけだと
要点や言いたいことがわからず

 

単に読みづらいだけの文章になり
書き手側の自己満足なブログってことに
なりえますので注意が必要です。

 

ブログで文章を書くのは
明らかに小説を書くのとは違います。

 

文章の内容は、もちろん重要ですが
行間や強調色、画像の使い方など
見た目の美しさも重要な要素です。

 

ワードプレスでは
h3タグやh4タグなどの見出しを利用することで
ぱっと見の美しさを表現することができます。

 

目次を利用することで
読者視点の見やすい記事を作成することができ
書く側は要点整理ができてます。

 

記事のその目次を表示させて
記事本文を見やすくするプラグイン
「Table of Contents Plus」(TOC+)プラグインです。

 

以下では、このTOC+のインストールと設定方法と使い方を説明します。

 

「Table of Contents Plus」TOC+のインストール方法

 

まず「Table of Contents Plus」
ワードプレスの管理画面からインストールします。

 

「プラグイン」→「新規追加」検索窓
「Table of Contents Plus」と入力しインストール。
あとは、有効化するだけです。

 

TOC+の設定方法

 

「管理画面」「設定」⇒「TOC+」をクリックします。

 

クリックすると、下記のような画面が表示されますので
下記を参考に初期の設定をしてください。

 

上記はが私の設定ですが
4だけ、チェックを外された方がいいです。

 

1. 位置
目次を自動挿入する場所を指定します。

 

2. 表示条件
目次を自動挿入する条件を指定します

 

3. 以下のコンテンツタイプを自動挿入
目次を自動挿入する対象を指定します。
「post」=投稿ページ、「page」=固定ページです。

 

4. 見出しテキスト
目次の一番上に表示される「タイトル」や
「表示・非表示」などの表示名を指定します。

 

*目次の上にタイトルを表示にチェックの
ユーザーによる目次の表示・非表示を切り替え許可のチェックを外す

 

階層表示以下の設定については
デフォルトで問題ないと思います。

階層表示
H2見出しタグ・H3見出しタグ・H4見出しタグ」などを
階層表示(段階が見えるように)するかどうかを指定できます。

 

番号振り
目次で表示される、各見出しタグの先頭に
番号を自動で振るかどうかを指定します。

 

スムーズ・スクロール効果を有効化
目次内をクリックすることで該当箇所へ
飛ぶスタイルを、「ジャンプ」か「スクロール」かを指定します。

 

外観
目次デザインを選択します。

 

TOC+の使い方

 

これは実際に色々ご自身で
やって感覚を掴んでもらった方がいいです。
参考までどうなるかをご説明させて頂きます。

 

ワードプレスの投稿画面で
こんな感じに入力してみました。↓

 

すると、こんな感じに表示されます。

 

TOC+のポイントの部分は以上となります。
出来ることはたくさんあると思いますので
あなたのセンスを活かして美しい記事を作っていきましょう!


★+10万円を自分で稼いで人生を好転させませんか?⇒自分らしく稼いで、自分らしく生きる無料メール講座(動画100本以上)

-ワードプレス

執筆者:

関連記事

ワードプレス設置

ワードプレス

ネットビジネス初心者のためのワードプレスおすすめプラグイン

  椎成(しいな) こんにちは、椎成です。 >加藤 椎成のプロフィール   ワードプレス初心者へおすすめするプラグインを解説します。 ワードプレスの凄いところって プラグイン(機能 …

ワードプレス設置

ワードプレス

エックスサーバーで無料で独自SSLを設定し「https://〜」データ暗号化をアピールする方法

椎成(しいな) こんにちは、椎成です。 >加藤 椎成のプロフィール   エックスサーバーで独自SSLを無料で設定を解説します。  あなたのサイトを検索上位に表示させたい場合 Googleさ …

ワードプレス設置

ワードプレス

パーマリンクを設定してSEOに強いワードプレスブログを作ろう!

椎成(しいな) こんにちは、加藤 椎成です。 >加藤 椎成のプロフィール   ワードプレスのパーマリンクを解説します。  ブログを書く上で重要なパーマリンクの設定についてご説明します。 後 …

ワードプレス設置

ワードプレス

ワードプレス基礎講座

椎成(しいな) こんにちは、加藤 椎成です。 >加藤 椎成のプロフィール   ワードプレス基礎講座を解説します。 ワードプレスが全くの初めてでも大丈夫です。 以下の順番で学んでいって下さい。 …

ワードプレス設置

ワードプレス

ワードプレスのカテゴリの順番を変えるプラグイン「Category Order」が便利!

椎成(しいな) こんにちは、加藤 椎成です。 >加藤 椎成のプロフィール   ワードプレスのカテゴリの並び替えができるプラグインを解説します。   ワードプレスでコンテンツが増えて …

会社員 & 副業/毎月旅行を楽しみながら情報発信を行う/個人が稼ぐを応援する人/Twitterフォロワー1万人越/目標海外250都市制覇/都内在住

【好き】旅(国内制覇、海外15カ国50都市)・筋トレ・ボルダリング・合気道・ハワイ

【資格】.com Master上級・ケンブリッジFCE・All About公認ボルダリングガイド

LINE@