wordpress-table-of-contents

サイト構築

 

【WordPewss】記事の目次を自動生成!プラグイン『Table of Contents Plus』

 

みなさんは、WEBサイトやブログに「目次」を設置されているでしょうか?

「目次」を設置することによって、主に次のようなメリットがあります。
(1)読み手が、記事の内容&全体像を体系的に把握できる。
(2)書き手は、記事の内容&構成を客観的に組み立てることができる。

ということで、今回は、記事の目次を「見出しタグ」から自動作成してくれるプラグイン『Table of Contents Plus』をご紹介します。




Table of Contents Plusとは

多くのブログが設置しているので、一度は↓を目にしたことがあると思います。

この目次を、記事の「見出しタグ(h1~h6)」から自動で生成してくれます。

なので、記事の作成においては、h2やh3などの「見出しタグ」を用いないといけませんが、見出しタグを使って階層的に記事を作成することは、SEOの観点からも基本的かつ重要な要素になります。

それでは、さっそく『Table of Contents Plus』の導入手順を見ていきましょう。

Table of Contents Plusの導入手順

①Table of Contents Plusをインストール

「プラグインを追加」で、『Table of Contents Plus』を検索し、インストールしたら有効化します。

有効化すると、「設定」メニューの中に「TOC+」の名前で『Table of Contents Plus』が追加されるので、クリックして開きます。

②Table of Contents Plusの基本設定

「基本設定」で、目次の表示場所・表示条件・投稿タイプ・デザインなどを設定し、下部にある「上級者向け」の表示をクリックします。

なお、上から3番目の「以下のコンテンツタイプを自動挿入」は、「post」が記事ページで「page」が固定ページですが、それ以降の項目は、WordPressに導入しているテーマによって表記が異なります。
※ 目次を自動表示させない方法(手動で表示)は、次でご紹介します。

次に、「上級者向け」で目次の「見出しレベル」をお好みに設定し、最下部にある「設定を更新」をクリックして、基本設定を完了します。
※ その他の項目は、必要に応じて設定してください。

なお、記事によっては目次を自動表示させたくない場合もありますよね。
そんな時は、設定項目の「以下のコンテンツタイプを自動挿入」のチェックをすべて外して自動挿入を解除し、表示させたい記事にはショートコード[toc]を挿入します。
※「上級者向け」の下部に記載してある「使い方」をご参照ください。

Table of Contents Plusの基本カスタマイズ

ここでは、『Table of Contents Plus』の基本的なカスタマイズ例を掲載しておきますので、デフォルトのちょっとした変更にお役立てください。

なお、『Table of Contents Plus』では、基本設定の「外観」で設定したデザインが適用しています。
なので、デザインを大幅に変更する場合は、基本設定の「上級者向け」にある「CSS ファイルを除外」にチェックを入れて、デフォルトのデザインを解除しましょう。
※ CSSは、「追加CSS」「子テーマ」「カスタムCSS」など、お好みの方法で記載してください。
※ 各数値は、お好みに変更してください。

Table of Contents Plusのまとめ

今回は、目次を自動生成してくれるプラグインをご紹介しました。

ちなみに、ブログ初心者にとっては、何よりも記事の構成に悩むことが多いと思いますが、目次を設置すると、必然的に目次を意識して記事の構成を考えていくので、ライティングの上達にも繋がっていきます。

そして、記事の構成がイイと読みやすい記事になり、結果的に読み手の利便性を向上させることにもなります。

なので、初心者の方ほど、早い段階で『Table of Contents Plus』を導入し、目次を有効に活用していきましょう。

スポンサーリンク

関連記事

  1. wordpress-search-engine-index
  2. wordpress-menu

    サイト構築

    【WordPressの使い方】メニューの作成と表示設定

    メニューは、WordPressの便利な機能の一つで、デフォルトメニュー…

  3. wordpress-media-size1

    サイト構築

    【WordPressの使い方】画像の自動生成を停止してサーバーの負担を軽減

    WordPressでは、画像をアップロードすると、その画像サイズのほか…

  4. wordpress-theme

    サイト構築

    【WordPressの使い方】テーマとは

    テーマとは、WordPressのデザインを構成するテンプレートのことで…

  5. wordpress-domain

    サイト構築

    【WordPressの導入】ドメインの基本知識と取得方法

    ここでは、ドメイン(独自ドメイン)の基本知識と取得方法をまとめています…

  6. wordpress-theme-type

    サイト構築

    【WordPressの使い方】テーマの種類と選び方(おすすめテーマの特徴)

    WordPressは、無料のテーマから有料のテーマまで、たくさんのWo…

最近の記事

  1. shutterstock_573396265-bousai
  2. shutterstock_713835478-ticket-resale-law
  3. shutterstock_1115483624-Relationship
  4. shutterstock_580655965-shutterstock-use
  5. shutterstock_126336395-stock-photo-service
  6. shutterstock_570628189-copyright-watermark
  7. shutterstock_373050517-sitemap
  8. shutterstock_413924539--search-console-analytics-cooperation
  9. google-analytics-introduction
  10. google-search-console
PAGE TOP