Easy Table of Contentsを使って記事に目次を入れる・配色をカスタマイズする

  • URLをコピーしました!

Easy Table of Contentsを使うと、ブログなどに自動で目次を入れることができます。

目次を入れることでページ内にどんなコンテンツが載っているのかユーザが把握でき、必要な情報に瞬時にアクセスすることができるようになります。

目次

プラグインをダウンロードし、有効化する

STEP
左側メニュー「プラグイン」から「新規プラグインを追加」をクリック
STEP
「Easy Table of Contents」と検索し、「今すぐインストール」をクリック
STEP
「有効化」をクリック

設定方法

STEP

左側メニュー「設定」→「目次」をクリック

STEP

Easy Table of Contentsの下にある「設定」をクリック

STEP

設定画面が表示されるので、サポートを有効化と自動挿入の項目から「固定ページ」のチェックをはずします

投稿にチェックを入れるとブログに目次が適用されます。
ニュースやサービスなど、投稿で更新する他のコンテンツにも見出しを入れたい場合は、「サポートを有効化」と「自動挿入」の項目でそれぞれチェックを入れてください。

固定ページにチェックをいれると、「Snow Monkey Forms」を使用してお問い合わフォームを作成した時に、エラーが表示される場合があります。

STEP

見出しラベルを「Contents」「目次」など好みで編集

設定画面を下にスクロールすると項目があります。

編集箇所

表示箇所

STEP

見た目をテーマパターンから選択する。自分で配色を指定する場合はSTEP6に進んでください

設定画面を下にスクロールすると項目があります。

プラグインにデフォルトで用意されている配色パータンから色を選択することができます。

グレー
ライトブルー
白
黒
透過(背景が白いので白と同じ表示)
STEP

自分で配色を指定する場合は、テーマでカスタムを選択

設定画面を下にスクロールすると項目があります。

STEP

カスタムカラーの項目ごとに色を設定します

設定画面を下にスクロールすると項目があります。

背景色

目次の背景の色

枠線色

目次の外枠の色

タイトル色

「Table of Contents 」や「目次」などの見出しラベルの文字色

リンク色

目次内の大見出しや中見出しの文字色

ホバー時のリンク色

マウスのカーソルが目次内の見出しに当たっている時の文字色

訪問済みリンク色

一度クリックした目次内の見出しの文字色

STEP

高度な設定の「見出し」の項目で「見出し2」と「見出し3」以外のチェックをはずします

設定画面を下にスクロールすると項目があります。

下記画像のようになるように設定します。

STEP

設定画面の一番下にある「変更を保存」を忘れずにクリックします

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次