*

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的にも優位になるそうなので、プラグイン導入ついでに、見出しをどんどん活用されては如何でしょうか?


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

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

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

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

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

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

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

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



ポイントタウン」で現在開催されている「20,000ポイントをGetしよう!」キャンペーンは、新規会員登録と20,000ポイント(1,000円相当)以上を「現金」にポイント交換した方にもれなくボーナスポイントとして20,000ポイント(1,000円相当)がプレゼントされます。

1,000円分のポイントを獲得したら2,000円になる驚きのキャンペーンです。2017年11月30日までにポイントタウンへの新規会員登録を行うことが条件なので急ぎましょう!

「20,000ポイントをGetしよう!」の詳細はこちらからどうぞ
ポイントタウン1,000円貰えるキャンペーンが開催中!【新規会員限定】

▼ショッピングをお得にするならポイントタウンがオススメ!▼
ポイントでお小遣い稼ぎ|ポイントタウン
ポイントタウンのオススメの稼ぎ方と評価まとめ

登録方法はこちらを参考にしてください。
ポイントサイト【ポイントタウン】に登録する手順



ライフメディア」で開催されている「お友達紹介ランキング」は新規会員登録と1ポイント獲得するだけで1,000ポイント(1,000円相当)が高確率で当たります!!キャンペーン開催期間は10月31日までなので急いで!!

さらに当サイト「初心者がお小遣いサイトで稼ぐんだ!と頑張ってみる」と「ライフメディア」のコラボキャンペーンが始まりました!当サイトバナーから新規会員登録と1ポイント獲得で250ポイント貰えます!!(通常は10ポイント)

「お友達紹介ランキング」と「コラボキャンペーン」の詳細はこちらから
ライフメディア1,000円が当たるキャンペーンが10月も開催!当サイト限定コラボ企画も!

▼ライフメディアへの新規会員登録はこちらから▼
lifemediaコラボ企画バナー

登録方法はこちらを参考にしてください
お小遣いサイト「ライフメディア」登録方法

関連記事

bottom of every post

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

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

記事を読む

サーバー

ロリポップ!のバックアップオプションに申し込んでみた

毎日コツコツと更新して来た記事が、何かの拍子で全て吹っ飛んでしまう可能性は常にあります。そのためのバ

記事を読む

忍者

忍者AdMaxの収入が上がってきたので1軍復帰を考えた所・・・

サイト開設当初から、サイドバー、フッター、記事下に1枚づつ広告を出していた忍者AdMax。訪問者が少

記事を読む

初心者とっぷ

ブログで稼ぎたい!初心者ブロガーが色々情報収集した結果・・・

とりあえず地道に頑張るしかないらしい ホームページ開設1ヶ月の私が、泣き言をいうのはまだまだま

記事を読む

解析

Google Analytics(アナリティクス)をWordPressへと設置する方法

Google Analytics(アナリティクス)は、ブログでお小遣いを稼ぎたい方、アクセス数を増や

記事を読む

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="">

女性筋肉
「アミノスパルタンGOLD」を無料で試してお小遣いも獲得する!【100%還元】

お小遣いサイト「ポイントインカム」で、必須アミノ酸9種とアミノ酸グリシ

youtube
【ちょびリッチ】実際に動画をYouTubeに投稿してみた!誰でも簡単に出来る方法を紹介

お小遣いサイト「ちょびリッチ」で始まった破天荒すぎるキャンペーン「Yo

犬と女の子
ポイントインカム最大2600円相当が貰えるキャンペーンを分かりやすくまとめてみた

お小遣いサイト「ポイントインカム」で現在3つのキャンペーンが開催されて

youtubu
ちょびリッチ「YouTubeで貯める!!」破天荒すぎる!!

お小遣いサイト「ちょびリッチ」で破天荒すぎるキャンペーンが始まりました

ハロウィン
i2iポイント「ハロウィンキャンペーン」簡単案件で参加してみた

お小遣いサイト「i2iポイント」で毎月恒例のギフト券がもらえるキャンペ

→もっと見る

  • 名前:feiren

    なんとかネットで
    お小遣い稼ぎたいです。頑張ります!

    イメージ画像
    ツイッター始めたばかりで寂しいです。
    ぜひ宜しくお願いします♪

    follow us in feedlyRSSを購読する