*

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

公開日: : 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へと入力します。あとはリンク追加を押すことで、内部リンクの完成です。これが手軽に記事内の、みだしにリンクを貼る方法の紹介となります。

これで直接、記事内のみだしへと飛ぶことが出来るようになり、必要な情報を入手しやすくなります。


まとめ


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

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

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



当サイトが現在お奨めするお小遣いサイトは「ポイントタウン」です。
多彩な稼ぎ方が出来るポイントタウンはお小遣いサイト初心者の方が稼ぐのにもぴったりです!

↓ポイントタウンへの登録はコチラから↓ポイントでお小遣い稼ぎ|ポイントタウン
お小遣いが稼げるポイントサイト | ポイントタウン

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


スマートフォンAndroidアプリはこちらからどうぞ

※アプリを起動したの時に紹介コードが空になっている場合は、お手数ですが以下のコードを入力してください。

7giV3rVE2QrLv

関連記事

a0008_001867

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

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

記事を読む

ドメイン取れたクマ

独自ドメインを取った!

なにげに独自ドメインとかってチョーかっこよくないですか?とそんな軽い気持ちで独自ドメイン導入を検討し

記事を読む

忍者

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

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

記事を読む

初心者とっぷ

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

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

記事を読む

サーバー

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

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

記事を読む

ブログカード

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

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

記事を読む

CSSS85_kangaerujyosei20131019500

もっと稼ぐ為にWordPressの教本を買った!

まだまだwordpress初心者のfeirenです。ようやくちょっとだけwordpressを使え

記事を読む

色使い

好きな色のカラーコードをもの凄く簡単に調べる方法

久しぶりのホームページ作成関連の記事です。ブログ作成中に、気に入ったWebサイトの色を真似てみたいな

記事を読む

speed

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

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

記事を読む

解析

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

倍増喜び
ポイントタウン「ランキング総報酬が33万円→50万円→さらに倍増だって!?」

お小遣いサイト「ポイントタウン」の友達紹介制度は昨年の11月に大きく変

全員集合ッ
ライフメディア「全員集合ッ」総額60,000円山分け!は美味しいのか?

お小遣いサイト「ライフメディア」で毎月開催されている「全員集合ッ」山分

犬お友達
ポイントインカム「始めてのご紹介キャンペーン」最大15,000ポイント貰える!!

お小遣いサイト「ポイントインカム」で豪華なお友達紹介キャンペーンが開催

ポニーテールライフメディア
ライフメディア「お友達紹介で1,000円相当が当たる!?」

お小遣いサイト「ライフメディア」でお友達紹介キャンペーンが開催中です。

スマートライフ友達
お小遣いサイト「スマートライフポイント」友達紹介制度について

「SMART LIFE POINT(スマートライフポイント)」は巷でか

→もっと見る

  • 名前:feiren

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

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

    follow us in feedlyRSSを購読する