BLOG

Rich Table of Contents(RTOC)の使い方•設定方法【目次プラグイン】

Rich Table of Contents(RTOC)の使い方•設定方法【目次プラグイン】

悩み

WordPressブログの記事内に目次を入れたいけど、どうすればいいの?ブログ初心者でも目次を設定できるのかな。

こんな悩みに答えます。 

ブログ記事に目次は必須です。

なぜなら読者が記事の内容を把握したり、読みたい場所へすぐに飛べるなど、利便性が高まるからです。

Rich Table of Contents(RTOC)とは、記事の見出しから自動で目次を生成してくれるプラグインです。

本記事では、Rich Table of Contents(RTOC)の使い方•設定方法を画像付きでわかりやすく解説します。

この記事を読めば、ブログ初心者さんでも簡単におしゃれな目次を作ることができますよ。

ちなみに以前は、「Table of Contents Plus」という目次プラグインを使っていました。

ぶっちゃけ「Rich Table of Contents」の方が、設定がカンタンで使いやすいです。

※まだWordPressブログを開設していない方は、【2022年】WordPressブログの始め方を初心者にもわかりやすく解説をどうぞ。

Rich Table of Contents(RTOC)とは?

Rich Table of Contents

Rich Table of Contents(RTOC)は、WordPressテーマ「JIN」を開発したひつじさんが、作成した無料の国産プラグインです。

WordPressテーマ「JIN」を使っていれば、ブログ初心者さんでも簡単におしゃれな目次を作れますよ。

WordPressテーマ「JIN」の公式サイトは、JIN(ジン)です。

Rich Table of Contents(RTOC)の導入・インストール

WordPressの管理画面から、「プラグイン→新規追加」をクリックしてください。

Rich Table of Contents(RTOC)の導入・インストール

画面右上の検索窓に「RTOC」と入力して、「今すぐインストール→有効化」をクリックします。

以上で、インストールと有効化の完了です。

Rich Table of Contents(RTOC)の設定方法・使い方

つぎに、Rich Table of Contentsを設定していきます。

Rich Table of Contents(RTOC)の設定方法

WordPressの管理画面から、「RTOC設定」をクリックしてください。

目次設定で、以下の5項目を設定していきます。

  • 基本設定
  • デザイン設定
  • プリセットカラー設定
  • カラー設定(上級者向け)
  • 応用設定

ひとつずつ解説します。

基本設定

さいしょに、基本設定を変更します。

目次のタイトル、表示させる見出し設定、フォント設定などを自由にカスタマイズしましょう。

Rich Table of Contents(RTOC)の設定方法

目次のタイトルは、初期設定だと「Contents」になっているので、わかりやすいよう「目次やメニュー」などに変更しましょう。

表示させる見出し設定は、見出し(H2・3・4)をどこまで表示させるか選べます。見出し3(H3)まで表示させるのがおすすめです。

フォントは、デフォルト/Helvetica/Noto Sansの3種類から選べます。

デザイン設定

つぎに、デザイン設定を変更します。

タイトルの表示設定、H2・H3のリスト形式、枠のデザインなどを好みに合わせてカスタマイズしましょう。

Rich Table of Contents(RTOC)の設定方法・使い方
Rich Table of Contents(RTOC)の設定方法・使い方

スムーススクロール設定を「ON」にすると、目次から見出し移動がスクロールしたように移動します。

右側のプレビューを確認しながら、設定変更できるのでやりやすいですよ。

プリセットカラー設定

つぎに、プリセットカラー設定を変更します。

JIN Color」を除いて、6種類のプリセットが用意されています。

Rich Table of Contents(RTOC)の設定方法

JIN Color」はWordPressテーマ「JIN」を使用している方向けで、JINの設定カラーが反映されます。

カラー設定(上級者向け)

ここでは、プリセットカラー設定で選択したものを、より細かくカスタマイズできます。

Rich Table of Contents(RTOC)の設定方法

細かく色を設定できるので、自分好みにアレンジしてみてください。

応用設定

さいごに、応用設定を変更します。

目次に戻るボタン、ボタンの位置、テキストなどを設定しましょう。

Rich Table of Contents(RTOC)の設定方法

目次に戻る」ボタンは、スマホだけ表示されます。

除外する投稿ID・除外する固定ページIDは、目次を表示させたくない記事がある場合、記事IDを入力しましょう。(記事のIDは投稿一覧から確認できます)

設定が完了したら、「変更を保存」を忘れずにクリックしましょう。

Rich Table of Contents(RTOC)で目次を入れよう!

まとめ:Rich Table of Contents(RTOC)で目次を入れよう!

今回は、【目次プラグイン】Rich Table of Contentsの使い方・設定方法についてまとめました。

Rich Table of Contentsは、WordPressブログに目次を入れたい人におすすめのプラグインです。

ブログ初心者でも簡単におしゃれな目次ができる「Rich Table of Contents」を、ぜひ使ってみてください。

他のおすすめプラグインは、【2022年】WordPressブログにおすすめのプラグイン10選で紹介しています。

今回は以上です。

【2022年】アフィリエイト初心者におすすめのASP9選ブログを収益化していく上で、ASPへの登録は必須です。たくさんあるASPの中から、ブロガーみんなが使っている定番のASPをまとめました。この記事を読めば、ASPそれぞれの特徴がわかり、自分に合ったASPを見つけることができます。 ...