weluka

最近、Blog界のトレンドとなりつつある「目次(index)」の生成。

よくBlogの冒頭で見かる機会、増えましたよね！気になる部分だけ読み返したい時などに便利です。

もちろんhtmlで書いて、CSSで装飾して生成するやり方でも構わないのですが、だいぶクタビレます...

そこで今回ご紹介する『Table of Contents Plus』というWordPress専用の便利なプラグインです！

HTMLを書いたり、CSSを使って形成する必要がないので、とっても楽チン！

H1からH6までの見出し用のHTMLタグに基づいて自動で目次を生成してくれるので、とっても便利。

目次があることで、記事内のどこに、何が書かれているのかを把握しやすくなります。

つまり、ユーザビリティが高まります！

当然ですが、ユーザビリティが高まるということは
検索エンジン(Google、Yhaooなど)からの評価も高まリ、SEO効果も高くなります！

WordPressの管理画面にあるプラグインからダウンロードします。

①WordPressの管理画面からプラグインを選択

②新規追加を選んだら、画面右上のプラグインの検索で『Table of Contents Plus』を検索

③今すぐインストールを押すとインストールが始まります。

④インストールが終わると有効化のボタンが現れますので、そこをクリック。

※プラグインには相性があります。Table of Contents Plusを有効化する事で他のプラグインが上手く動かなくなってしまう(他と競合してしまう)場合もございます。

その時は慌てず削除していただく事で、問題が解決する場合がほとんどですので、ご安心ください。

WordPressの管理画面にあるプラグインの設定画面から入ります。

⑤プラグインを有効化すると上の様な画面が現れます。ここで設定を選んで、次の基本設定編へと進みます。

※ここで停止を押しますと削除が出てきますので「Table of contents Plus」が他のプラグインと競合している場合や、必要なくなった場合はここで簡単に削除をすることができます。

今回は「このページに生成されている目次」を見本に、それと同じものを生成する方法を、ご紹介します！

※ただし2017年12月8日現在のデザインとします。

POINT

生成したい場所にCode Editorで下記のCodeを貼り付けるだけ。

目次を表示する「場所・表示条件・投稿タイプ・デザイン」などの設定ができます。

実際に表示される目次の内容を確認しながら細かく設定しましょう！今回の設定は次の通り。

POINT

「以下のコンテンツ内容を自動挿入」のチェックを全て外しておく！

上級者向けの設定項目は、初期状態では非表示になっていますので、クリックで表示させます。

POINT

ここで設定の変更が必要なのは「見出しレベル」だけ！

『Table of Contents Plus』には目次の生成機能だけではくサイトマップを生成する機能もあります。

サイトマップを表示したい記事にショートコードを貼り付けて利用します。

もし、サイトマップ機能を利用しない場合は、この画面の設定を変更する必要はありません。

『Table of Contents Plus』の作者様が作成したヘルプサイトへ飛びます。

ここに書いていない細かな設定の確認などができます。ただし英語で書かれていますので、ご注意を。