*

WordPressで目次を自動で作ってくれるプラグイン「Table of Contents Plus」

公開日: : 最終更新日:2017/08/02 WordPress, ホームページ作成

目次

お小遣いサイトをメインに取り扱っている当サイトとは、あまり関係が薄いWordPress関連記事が、意外にもそこそこ人気記事となっています。

今回は、目次を自動で作成してくれるWordPressプラグイン「Table of Contents Plus」を紹介していきます。

プラグインを導入するだけで、既存の記事の見出しタグを認識して自動で目次を挿入してくれる優れものです。

目次を設置することで、タイトルだけでなく、見出し(h1~h6)を一覧で見てもらえますので、直帰率や滞在時間の向上にも繋がりそうです。SEO対策にも良いと聞きます、しかもなんといっても見た目がイイですね。


実際に私も利用していますので、使用上のポイント、便利な使い方等を詳しく説明していきます。


Table of Contents Plusを導入しよう

 

Table of Contents Plus

プラグインのインストールは至極簡単です。管理画面からプラグイン→新規追加→検索窓に「Table of Contents Plus」と打ち込んで検索。

検索すると上記画像のように「Table of Contents Plus」が表示されますので、「いますぐインストール」(画像では「いますぐ更新」になっています)をクリックです。インストール完了したら有効化も忘れずにどうぞです。


Table of Contents Plusを設定しよう

 

設定→TOC+

WordPress管理画面の左サイドメニューの「設定」→「TOC+」をクリックすることで、Table of Contents Plusの設定画面へと進むことが出来ます。



Position:

 

Potition

目次の挿入する場所を設定出来ます。

Before first heading(default) ・・・ 最初の見出しの上部に目次を表示(デフォルト)

After first heading ・・・ 最初の見出しの下部に目次を表示

TOP ・・・ 記事の最上部に目次を表示

Bottom ・・・ 記事の最下部に目次を表示

当サイトはBefore first heading(default)デフォルトのまま利用しています。他はちょっと使いづらい印象です。



Show When:

 

show when

見出しタグが記事内に何個以上あるかで、目次を自動作成するか選択が出来ます。

2~10の範囲で選択出来ます。お好みでどうぞです。ちなみに私は一番低い2個に設定しています。



Auto insert for the following content types:



Auto insert for the following content types

目次を表示させたい記事の種類を選択します。

post ・・・投稿記事

page ・・・個別記事

wpcf7_contact_form ・・・Contact form 7というプラグインを利用している場合選択可能。

基本的には投稿記事のみの選択で大丈夫でしょう。Contact form 7とはお問い合わせ用のメールフォームを簡単に作成するプラグインです。お問い合わせ用のメールフォームに目次が必要な方はどうぞです。



Heading text:


Heading text

「Show title on top of the table of contents」にチェックをいれることで、目次のタイトルを表示させることが出来ます。直ぐ下の欄に表示させたい文字を入力しましょう。

「Allow the user to toggle the visibility of the table of contents」にチェックを入れることで、目次を開いたり閉じたりが可能となります。直ぐ下の欄の「Show text」には開く際の文字を、その下の「Hide text」には閉じる際の文字を入力しましょう。

「Hide the table of contents initially」にチェックを入れると、初期状態では目次が閉じた状態となってしまいますので、ここはチェックを外しておくのがよいでしょう。



Show hierarchy:

チェックを入れることで、目次が階層的に表示されます。見やすくなりますので、ここはぜひチェックです。




Number list items:

チェックを入れることで、目次に番号が振り当てられます。こちらも見やすくなりますので、チェックしておくほうがよいでしょう。



Enable smooth scroll effect:

チェックを入れることで、目次をクリックした際の移動方法が変わります。一瞬で目的のリストに飛んでいたものが、ずるずるっとスクロール移動します。時間もかかりますし、非効率的なので当サイトではチェックはしていません。お好みでどうぞ。



Appearance

 

width・Wrapping・Font size:

width等

目次自体の幅、表示場所、文字サイズを選択できます。私はめんどくさいのでそのまま使用しています。



Presentation:

Presentation

目次のデザインを選択できます。私はめんどくさいのでそのまま利用しています。



Advanced

 

Heading levels:

Heading levels

Advancedは上級者向けとなっています。基本的には触らないほうほうがいいかと思います。

もし、触るとしたら上記のHeading levelsの項目だけでしょう。こちらはチェックした見出しを目次に表示します。目次には表示したくないが、使用している見出しがある場合は、チェックをはずすといいでしょう。

私は基本的に見出し4までしか使いませんが、とりあえず問題もないので、すべてチェックをいれたままで運用しています。


すべての設定が終わりましたら、画面最下段にある「Update Options」をクリックして設定を反映させて終了となります。


Table of Contents Plusで内部リンクを簡単に強化する

 

もちろん、目次を導入するだけでも色々なメリットが生まれています。さらに上手に利用することによって、内部リンクも強化してしまいましょう。

たとえば、このような文章を作成します。


お小遣いサイトについて色々と検証等を行ってきた結果、当サイトの初心者へのお勧めサイトは・・・【参考記事】結局初心者にはどのお小遣いサイトが適しているのか?


この場合ですと、参考記事の後ろの部分「結局初心者にはどのお小遣いサイトが適しているのか?」の部分に内部リンクを貼りたいわけですが・・・


目次が無い場合

 

リンク作成


リンクしたい部分をドラッグ、青表示にした後に、「リンクの挿入/編集」をクリックです。



リンクの挿入


これまではリンクさせたい記事タイトルを検索して、リンクさせるという手法を取っていました。これでは記事のTOPにリンクされてしまいます。本当に必要な情報以外も目にしなくてはいけない場合が出てきます。


目次がある場合

 

リンクアドレスをコピー

目次部分のリンクさせたい見出し部分を、右クリック→リンクアドレスをコピーです。



リンク作成

リンクしたい部分をドラッグ、青表示にした後に、「リンクの挿入/編集」をクリックです。



リンクアドレスをはりつけ

先ほどコピーしたリンクアドレスをリンク先URLへと入力します。あとはリンク追加を押すことで、内部リンクの完成です。これで直接、記事内のみだしへと飛ぶことが出来るようになり必要な情報を入手しやすくなります。


「Table of Contents Plus」導入まとめ


ほぼ、初期設定のままでも十分使えるWordPressプラグイン「Table of Contents Plus」。難しいことはおいて置いて、とりあえずインストールするのをお勧めします。

目次が表示されることで、記事全体に締まりが出ますよッ!

このプラグインは、見出しが鍵となります。見出しはSEO的にも優位になるそうなので、プラグイン導入ついでに、見出しをどんどん活用されては如何でしょうか?


当サイトが2018年現在オススメするお小遣いサイトは「ポイントインカム」です。どこのお小遣いサイトを選んだらいいか悩んだらポイントインカムを選択しましょう!

今なら当サイトから登録することで、もれなく3,000ポイント(300円相当)の特典が貰えます!(通常は1,000ポイント)

▼ポイントインカムへの登録はこちらから▼
bloger_300_200
ポイントインカムのオススメの稼ぎ方と評価まとめ

登録方法はこちらを参考にしてください。
ポイントインカムの登録方法を画像付きで詳しく説明する

お友達紹介交換キャンペーン

初めての公式キャンペーン

現在ポイントインカムでは複数のお得なキャンペーンが開催されています。なんと最大26,000ポイント(2,600円相当)も貰えます!
※2018年7月31日(火)まで

▼キャンペーンの詳細はこちらから▼
ポイントインカム最大2600円相当が貰えるキャンペーンを分かりやすくまとめてみた

関連記事

ロリポップ

ロリポップ!新サーバーへ事前移設してみた!はたして速くなったのか?

レンタルサーバー「ロリポップ!」は価格が非常に安く全体的にわかりやすく作られてたブログ運営初心者にと

記事を読む

speed

WordPressの表示が遅い気がしたのでスピードテストしたら

  なんかかなり微妙な感じになった(;´Д`) スピードテストをしようと思った切

記事を読む

bottom of every post

WordPressで記事下に定型文を自動で入れてくれるプラグイン

今回の記事は久しぶりのWordPress関連の記事になります。現在WordPressを利用している方

記事を読む

ブログカード

「Pz-LinkCard」WordPressで画像付きリンク(ブログカード)を記事内に表示させるプラグイン

最近ブロ友さんの記事内に、とてもお洒落なデザインの関連記事(内部リンク)が設置されていましたので、早

記事を読む

a0008_001867

ホームページ作成って敷居が高そうだけど頑張ってみる

無料のFC2さんかライブドアさんで、ブログを書こうと思ってました。が・・・無謀にもいきなりレンタルサ

記事を読む

Comment

  1. 隊長 より:

    そういえばこれの記事を書こうとして2ヶ月放置してましたw

    これ便利ですよね。

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <img localsrc="" alt="">

テレビ
【ポイントインカム】当たれば凄く美味しい!!「夏のWチャンスキャンペーン」

お小遣いサイト「ポイントインカム」で、U-NEXTの31日間無料トライ

パソコン
【GMOあおぞらネット銀行】口座開設でお小遣いを稼ぐ方法

「GMOあおぞらネット銀行」は、「あおぞら銀行グループ」と「GMOイン

i2iポイントカード
「i2i pointカード」発行するのはまだ早い?プリペイド型VISAカード

お小遣いサイト「i2iポイント」の運営元である株式会社エムフロと、三井

頭を抱える女性
続・モバトクはもう稼げない?さらにコンテンツが終了

「モバトク」といえば、ログインボーナスがあり、無料でコツコツと稼げるコ

リニューアル
infoQサイトリニューアルとAmzonギフト券に交換で最大1万円が当たるキャンペーン開催中

アンケートサイト「infoQ(インフォキュー)」がサイトをリニューアル

→もっと見る

  • 2018年度版お小遣いサイトランキング画像

    2018年度版お小遣いサイトランキング友達紹介で稼ぐ版

  • イメージ画像
    名前:feiren
    なんとかネットでお小遣い稼ぎたいです。頑張ります!
    ツイッター始めたばかりで寂しいです。
    ぜひフォローの方宜しくお願いします♪

    follow us in feedlyRSSを購読する