*

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

公開日: : 最終更新日:2020/08/15 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的にも優位になるそうなので、プラグイン導入ついでに、見出しをどんどん活用されては如何でしょうか?


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

今なら当サイトとポイントインカムとでコラボキャンペーンを開催中です。当サイト経由で新規会員登録することで、もれなく3,000ポイント(300円相当)の特典が貰えまる上に、新規会員登録の翌々月末までにポイント交換することでさらに3,000ポイント(300円相当)が貰えます!(合計で6,000ポイント)

▼ポイントインカムへの登録はこちらから▼
暮らしをおトクにかえていく|ポイントインカム
ポイントインカムのオススメの稼ぎ方と評価まとめ

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

関連記事

bottom of every post

「Bottom of every post」WordPressで記事下に定型文を自動で入れてくれるプラグイン

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

記事を読む

ロリポップ

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

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

記事を読む

初心者とっぷ

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

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

記事を読む

作成

バナー工房で簡単にバナーを作って友達紹介を強化する!

現在TOPページに張られているポイントタウン紹介記事のバナーや、つい最近まで貼っていた、ハピタスの友

記事を読む

Keyword

初心者がサイト開設2ヶ月で月間1万PVを達成した!

当サイトが開設したのが昨年12月22日。本当ここまであっという間の2ヶ月でした。ここ数年で、一番充実

記事を読む

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

最大1万円相当があたる
【ライフメディア】6,000Pの広告利用で最大1万円が当る!

お小遣いサイト「ライフメディア」で、期間中に掲載されている広告を合

最大1万円があたる
【ちょびリッチ】ハズレなし!最大1万円が当たる!「最大2万ptプレゼント!お買い物キャンペーン」

お小遣いサイト「ちょびリッチ」で、キャンペーン期間中に対象ショップでお

楽天証券もう1つ広告利用で1,000円
【ライフメディア】楽天証券の口座開設で最大5,000円貰える!

お小遣いサイト「ライフメディア」で、「楽天証券」広告の利用ともう1つ広

ポイント還元デー
【ECナビ】毎月5日6日7日は最大20%ポイント還元デー1,000円が当たるチャンスも!「ポイント還元デー」

お小遣いサイト「ECナビ」で、毎月5日6日7日の3日間限定で、最大20

DMM見放題chTOP
「DMM見放題chライト」無料お試しをしてお小遣いも貰う!登録方法を紹介!

「DMM見放題chライト」は、映画やドラマ等の7,000本以上の動画が

→もっと見る

  • イメージ画像
    名前:feiren
    なんとかネットでお小遣い稼ぎたいです。頑張ります!
    【アメフリアンバサダー】
    認定されました!

    インスタ始めました!
    フォローよろしくお願いします!
    Instagram

    Twitterの方もよろしくです!

  • スマホ女性

  • お小遣いサイトランキング2021年度版


    【お友達紹介】お小遣いサイトオススメランキング2020年版