【簡単挿入】ワードプレスの 目次の作り方 おすすめプラグインはこれ

WordPress(ワードプレス)で目次の作り方について、おすすめのプラグインを用いて挿入する方法です。今回はTable of Content plusやEasy Table of Contentsではない別の簡単なやり方をご紹介します。

ワードプレスの目次の作り方

テーマによっては標準で目次を挿入する機能がついている場合がありますが、自分で目次を入れないといけない場合はプラグインの利用が簡単です。

有名なプラグインはこの２つです。

あまりにも有名なこのプラグインの利用ではない別な方法で今回は目次を挿入したいと思います。

Gutenbergのプラグインを使う！

Gutenberg使ってますか？

このページの目次を表示するとこんな形になります。この記事は見出しが少なめなので物足りない感じですみませんが・・・。

ちょっとダサいですね。。。。これじゃちょっとと思ったでしょう。

これをもう少しおしゃれにデザインしてみます。デフォルトよりはましでしょう。これくらいのデザインであればGutenbergの標準装飾機能で簡単にできます。

目次の装飾方法

Gutenbergのブロックエディタを使い慣れていたら簡単に装飾が可能です。

目次のブロックを選択すると、右側に細かい設定が表示されます(ピンクの枠)。

設定できる項目は以下の通りです。

いろいろいじってるとあなたのサイトに合った目次ができるでしょう。

細かい設定をしてると毎回こんなことやらないといけないの？！と思いますよね。

ここでGutenbergの最強機能、「再利用ブロックに追加」を利用します。この機能を使うと、別の記事で呼び出すと同じものを追加することができます。

例えば、毎回同じ文言を記事冒頭に表示するとか、記事末尾に同じ広告を表示したいとか、そのような場合に威力を発揮する機能です。

やり方は、ブロックを選択して、縦点3つの詳細設定をクリックして「再利用ブロックに追加」を選びます。これで追加完了です。

呼び出す場合は、「再利用」タブから呼び出すことができます。再利用に追加された「Table of Content」を呼び出すと以下のようになります。

おっとっと！！英文で「Add a header to begin generating the table of contents」と表示されます。

これだと使えませんので、またここで詳細設定から、Gutenbergの再利用の最強補助機能である「通常ブロックへ変換」を選びます。すると上の目次が下の目次に切り替わります。

この「通常ブロックへ変換」がブロックエディタの再利用を制するためには必須のスキルです！！

サイトによっては「Ultimate Addons for Gutenberg(UAG)」の機能は1個も使わないよ～～という場合は、ひょっとしたら、「Table of Content plus」や「Easy Table of Contents」のプラグイン利用がBetterかもしれません。

ただ1個でもUAGの機能を使う場合はほかに目次プラグインを入れずに、同じプラグインの目次機能を利用するようにしてみてください。

この記事のようにH2見出しが2個くらいの場合はあえて目次は必要ありません。H2タイトルが4つ以上、そしてH3タイトルが同等数ある場合は目次を表示させてあげても良いと思います。

Googleも目次表示はSEO対策として推奨しているものになります。親切ってことですね！！