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-ssl-etc

    サイト構築

    【SSL化】サーバーでSSLの申込み&設定が済んだ後に必要な作業

    ここでは、WEBサイトをhttps(SSL)化する一連の作業の中でも、…

  2. wordpress-rental-server

    サイト構築

    【WordPressの導入】レンタルサーバーの基本知識とサーバー選びのポイント

    ここでは、レンタルサーバーの基本知識と、レンタルサーバー選びの大切なポ…

  3. wordpress-commment

    サイト構築

    【WordPressの使い方】コメントの設定と管理(ディスカッション)

    コメントの受け付けなどの設定と、受け付けたコメントの管理についてご紹介…

  4. wordpress-user-profile

    サイト構築

    【WordPressの使い方】プロフィールの設定でセキュリティを強化

    WordPressでは、インストールの時に設定したユーザ名(ID)が、…

  5. 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
テキストのコピーはできません。