『しろくまフリーランス』は、現役フリーランス運営の「個人を豊かにする情報発信メディア」です。

【目次プラグイン】Table Of Contents plus(TOC+)の導入手順・設定方法

Table Of Contents plus(TOC+)の導入手順・設定方法【初心者向け】

本日はWordPressブログに目次をつくるプラグインの1つ、『Table Of Contents plus(TOC+)』の導入手順・設定方法について解説する。

MEMO
WordPressで目次をつくる定番プラグインは2つあり、Easy Table of Contentsについては別記事でご紹介している。

  1. Table of Contents Plus ⬅︎今回はコチラ
  2. Easy Table of Contents
Easy Table of ContentsでWordPressブログに目次を作成しようEasy Table of ContentsでWordPressブログに目次を作成しよう【超簡単】

ビフォーアフター

記事に目次がない場合と、目次がある場合で以下のような違いとなる。

目次がある場合とない場合(TOC+)

くますた

目次があれば、記事のどこに何が書いてあるのかすぐに分かるし、スマホでも読みやすい設計になるぞ。

Table Of Contents plusの導入手順

では早速、『Table Of Contents plus』をワードプレスにインストールしていこう。

プラグインの追加画面

ワードプレス管理画面から[プラグイン][新規追加]をクリックする。

Wordpressでプラグインを新規追加する手順

「TOC+」と検索し、インストール→有効化

プラグインの新規追加ページの右上にある検索スペースに「Table Of Contents Plus」と入力するとプラグインが見つかる。

[今すぐインストール][有効化]をクリックすればインストールが完了だ。

ワードプレスブログにTOC+をインストールする手順

Table Of Contents plusの初期設定

インストールが完了したら、ユーザーが見やすいように目次を設定していく。

設定画面に移動

ワードプレス管理画面から[設定][TOC+]とクリックすると、Table Of Contents plusの設定画面に移動できる。

Table Of Contents plusの初期設定

「位置」と「表示条件」

Table Of Contents plusの初期設定

位置

「位置」は目次をどこにおくのか決める設定。
以下4つの位置から選択できるが、デフォルトが一般的なのでそのままでOKだ。

  • 最初の見出しの前(デフォルト)
  • 最初の見出しの後

表示条件

「表示条件」では、記事内に見出しが何個あったときに目次を表示するのか設定する。

[2]だと少ないので、私は[3]をおすすめしている。

以下のコンテンツタイプを自動挿入

「以下のコンテンツタイプを自動挿入」では、目次を表示する投稿タイプを指定できる。
いろいろな項目があるが、[post(投稿)][page(固定ページ)]にチェックしておけばOKだ。

Table Of Contents plusの初期設定

見出しテキスト

「見出しテキスト」では、目次の上に表示するタイトルを決定できる。指定すると以下のように反映される。

TOC+の見出しテキストが反映される場所

[目次の上にタイトルを表示]に✔︎をいれ、以下のように好きなタイトルを入力する。

  • 目次
  • この記事の目次
  • Contents

など

Table Of Contents plusの初期設定

読者が目次を非表示にできるようにしてあげるかは好みで決めてくれていい。ただし、目次が長くなりすぎる方の場合は、表示・非表示を切り替えられるようにしてあげたほうが親切だと思うぞ。

また、[最初は目次を非表示]は選択しないほうがいい。目次は以外とユーザーに見られているので、はじめから表示してあげたほうがUXは高まるだろう。

Table Of Contents plusの初期設定

目次の見た目をカスタマイズ

目次の見た目をまとめて設定しよう。以下のように設定することをおすすめする。

階層表示 ✔︎
番号振り ✔︎
スムーズ・スクロール効果を有効化 ✔︎
横幅 自動(デフォルト)
回り込み なし (デフォルト)
文字サイズ 95%(デフォルト)

Table Of Contents plusの初期設定

目次のデザインを選ぶことができるので、好きなものを選択しよう。

Table Of Contents plusの初期設定

上級者向け設定

上級者向け設定では「見出しレベル」以外は特にさわる必要はない。

[h1]~[h3]までをチェックしよう。[h4]以上をチェックすると目次が長くなってしまう。

Table Of Contents plusの初期設定

設定を保存

最後に、[設定を更新]をクリックして完了だ。

Table Of Contents plusの初期設定

error: