ブログ

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

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

ブログ記事に目次は必須。なぜなら、読者が記事内容を把握するのに役立ち利便性が高まるからです。

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

Rich Table of Contents(RTOC)とは、自動で目次を生成してくれるプラグインで、誰でも簡単におしゃれな目次を設置できますよ。

ちなみに、「Table of Contents Plus」という目次プラグインもありますが、「RTOC」のほうが設定も簡単で使いやすいです。

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

Rich Table of Contents(RTOC)とは?

Rich Table of Contents

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

目次があることで、読者がひと目で記事内容を把握できたり、読みたい箇所へすぐに飛べたりできるといったメリットがあります。

また、RTOCならブログやデザインに詳しくない人でも簡単にカスタマイズできて、それっぽい(おしゃれな)目次を作成できますよ。

そして、「RTOC」はWordPressテーマ「JIN」を開発したひつじさんが、作成した無料の国産プラグインでもあります。

そのため、「JIN」と同様にシンプルかつおしゃれなデザインで使い勝手がいいですよ。

Rich Table of Contents(RTOC)のインストール・有効化

つぎに、「Rich Table of Contents(RTOC)」をインストールして有効化していきます。

プラグインの新規追加

WordPressの管理画面から、「プラグイン→新規追加」をクリックします。

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

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

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

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

つぎに、「Rich Table of Contents(RTOC)」の設定方法・使い方を解説していきます。

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

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

  1. 基本設定
  2. デザイン設定
  3. プリセットカラー設定
  4. カラー設定(上級者向け)
  5. 応用設定

目次設定」というタブから、上記の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は投稿一覧から確認できます)

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

【上級者向け】ショートコードで目次を任意の場所に設置する

目次のショートコードを貼ることで、記事内の好きなところへ目次を設置することができます。

ショートコードで目次を任意の場所に設置するのは、上級者向けで、記事のデザインにこだわりたい方は試してみてください。

【上級者向け】ショートコードで目次を任意の場所に設置する

RTOC設定→ショートコード」をクリックします。

【上級者向け】ショートコードで目次を任意の場所に設置する

そして、ショートコードをコピーして、記事編集画面でショートコードブロックへ貼り付ければ完了です。

【上級者向け】ショートコードで目次を任意の場所に設置する

もし何か困ったことがあったら、「ヘルプ」というタブをクリックすればQ&Aが載っているので参考にしてください。

まとめ:Rich Table of Contents(RTOC)で目次を設置しよう!

まとめ:Rich Table of Contents(RTOC)で目次を設置しよう!

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

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

ブログ初心者でも簡単におしゃれな目次ができる「Rich Table of Contents」を使って、読者に優しいブログを目指しましょう。

その他のおすすめプラグインは、【2022年】WordPressブログにおすすめのプラグイン10選で詳しく紹介しています。ぜひ、参考にしてみてください。

その他、ブログ運営に役立つ記事を載せておきますね。

【2022年】アフィリエイト初心者におすすめのASP9選ブログを収益化していく上で、ASPへの登録は必須です。たくさんあるASPの中から、ブロガーみんなが使っている定番のASPをまとめました。この記事を読めば、ASPそれぞれの特徴がわかり、自分に合ったASPを見つけることができます。 ...
【初心者向け】ブログ運営に役立つおすすめ本12冊
【初心者向け】ブログ運営に役立つおすすめ本12冊本記事では、ブログ運営を2年ほどしてきて役にたった本を、実際に読んだ中から厳選して紹介しています。ブログ初心者さんは本を読みつつ、すぐにブログでアウトプットしていきましょう。1冊でもいいので、ぜひ読んでみてください。 ...
ブログに使えるおすすめのフリー画像素材サイト8選【商用利用OK】
ブログにおすすめのフリー画像素材サイト8選【商用利用OK】本記事では、ブログに使えるおすすめのフリー画像素材サイトを厳選して紹介しています。この記事を読めば、フリー素材を使うときの注意点やメリットがわかり、安心してブログに画像を使えますよ。 ...
ブログ記事の文章構成を作る7つの手順【初心者でも悩まず書ける】
ブログ記事の文章構成を作る7つの手順【初心者でも悩まず書ける】本記事では、ブログ記事の文章構成を作る7つの手順を解説しています。この記事を読めば、ブログ初心者でも悩まずにスラスラと記事を書けるようになります。文章構成は、読まれるブログ記事に必須です。...
Rank Tracker(ランクトラッカー)の使い方
【最高】検索順位ツール「RankTracker」の料金と使い方を徹底解説本記事では、検索順位ツール「Rank Tracker」の導入から使い方までを画像付きでわかりやすく解説しています。ブログで稼いでいくには、検索順位ツールは必須です。詳しく知りたい方は、最後まで読んでみてください。...