WordPress ブログ プラグイン

【Rich Table of Contents(RTOC)】使い方を徹底解説!

2022年1月11日

悩んでいる人
Rich Table of Contents(RTOC)って何ですか?オシャレな目次を作れるって聞いたんですけど、使い方を教えてください!

こんな悩みを解決していきます。

今回は、Rich Table of Contents(RTOC)の使い方を画像付きで解説します。

実際に僕の設定画面を載せているので、マネしてもらっても大丈夫です。

 

本コンテンツの内容

  • Rich Table of Contents(RTOC)とは
  • Rich Table of Contents(RTOC)の導入
  • Rich Table of Contents(RTOC)の設定方法

この記事を最後まで読むことで、Rich Table of Contents(RTOC)で簡単にオシャレな目次を作成することができますよ。

 

Rich Table of Contents(RTOC)とは?

Rich Table of Contents(RTOC)とは、WordPressテーマ『JIN』を作ったひつじさんが作成した国産の目次作成プラグインです。

初心者でも簡単に設定することができますし、何よりオシャレな目次を作ることができます。

 

Rich Table of Contents(RTOC)プラグインの導入

Rich Table of Contents(RTOC)プラグインの導入について解説していきます。

以下の手順でプラグインを導入することができます。

プラグイン導入までの流れ

  • WordPress管理画面
  • プラグインをクリックする
  • 新規追加をクリックする
  • 画面右上の検索窓に「Rich Table of Contents」と入力し検索する
  • 今すぐインストールをクリックする
  • 有効化をする

ここまで完了すれば次は初期設定に移ります。

 

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

Rich Table of Contents(RTOC)が有効化されると、管理画面左側に「RTOC設定」という項目が追加されています。

 

ここから設定を行います。

 

RTOC基本設定

まずは基本設定を行います。

目次を表示させるページは、「投稿」には絶対にチェックを付けるようにしましょう。

表示させる見出しに関しては、H3まで表示がおすすめです。

あとはお好みで設定してくださいね。

 

RTOCデザイン設定

次は、デザイン設定です。

デザインに関しては、自分のサイトの雰囲気や自分の好きなように行いましょう。

画面右側でプレビューを確認しながら設定できるので、確認しながら設定していきましょう。

 

RTOCプリセットカラー設定

次に、プリセットカラーの設定です。

自身のサイトカラーに応じて決めていきましょう。

 

RTOCカラー設定(上級者)

プリセットカラーで設定したものに更にカスタムを加えることができます。

自分好みに設定しましょう。

 

RTOC応用設定

最後に応用設定です。

目次に戻るボタンなどの設定です。

自由にカスタマイズしていきましょう。

設定が完了すれば、「変更を保存」をクリックして終了です。

 

Rich Table of Contents(RTOC)を導入してオシャレな目次を作ろう

本記事では、Rich Table of Contents(RTOC)の設定方法について解説してきました。

初心者でも簡単にオシャレな目次を作成できるプラグインなので、目次を作りたい方は導入してみてくださいね。

 

WordPress ブログ プラグイン

2022/1/31

【Ps Auto Sitemap】使い方を徹底解説!

こんな悩みありませんか? サイトマップを作りたい Ps Auto Sitemapの設定方法がわからない もりりんこんな悩みを解決していきます! 以下の画像のようなものがHTMLサイトマップです。 このようなサイトマップがあれば記事数が増えてもユーザーは過去記事を探しやすくなります。 サイトマップを作ることで回遊率を上げるという効果があります。 今回は、このようなサイトマップを自動で生成することができるプラグイン『Ps Auto Sitemap』の設定方法について解説していきます。 この記事を最後まで読むこ ...

ReadMore

WordPress ブログ プラグイン

2022/1/25

【Pz-LinkCard 】 使い方を解説!ブログカードを一瞬で作成できるプラグイン

悩んでいる人Pz-LinkCardを使ってブログカードが作りたいんですが、使い方がわからない こんな悩みを解決していきます。 Pz-LinkCardとは、ブログカード形式でリンクを設置することができる無料のWordPressプラグインです。 専用のショートコードで気軽に呼び出すことができますし、ブログカードのデザインを細かく設定できるため、自分のサイトにあったブログカードを作ることができますよ。 今回は、Pz-LinkCardの使い方とおすすめの設定方法を解説していきます。 この記事を最後まで読むことで以 ...

ReadMore

プラグイン

2022/11/1

【XML Sitemaps】設定方法と使い方を解説!

こんな悩みありませんか? Googleの検索エンジンに自分のサイトを認識させたい XML Sitemapsの設定方法がわかりません サーチコンソールにサイトマップの送信方法がわかりません もりりんこのような悩みを解決していきます! 今回は、『XML Sitemaps』というWordPressプラグインの設定方法などについて解説していきます。 『XML Sitemaps』を使うことで、 記事の公開・更新の度にサイトマップを自動生成する サイトマップが生成されると自動で検索エンジンに通知する などが可能になり ...

ReadMore

WordPress ブログ プラグイン

2022/1/16

【Broken link checker】設定方法と使い方を解説!

悩んでいる人Broken Link Checkerの設定方法と使い方が知りたいです。サイトのリンク切れなくしたいです。 こんな悩みを解決していきます。 今回は、Webサイトのリンク切れを自動で検知してくれるプラグイン『Broken Link Checker』の設定方法と使い方を解説していきます。 リンク切れは検索エンジンの評価が下がる可能性もありますし、ユーザーが困ります。 ユーザーが満足するコンテンツを作成するために、Broken Link Checkerを活用しましょう。   本コンテンツの ...

ReadMore

WordPress ブログ プラグイン

2022/1/23

【Rich Table of Contents(RTOC)】使い方を徹底解説!

悩んでいる人Rich Table of Contents(RTOC)って何ですか?オシャレな目次を作れるって聞いたんですけど、使い方を教えてください! こんな悩みを解決していきます。 今回は、Rich Table of Contents(RTOC)の使い方を画像付きで解説します。 実際に僕の設定画面を載せているので、マネしてもらっても大丈夫です。   本コンテンツの内容 Rich Table of Contents(RTOC)とは Rich Table of Contents(RTOC)の導入 ...

ReadMore

  • この記事を書いた人

もりりん

25歳|フリーランス|大学3年生の時にインターネットビジネスを開始|在学中に月収30万円を突破|フリーランス2年目で月収100万円突破|オンラインスクールBISGROW運営|副業情報ブログ運営|「SNSマーケティング/コンテンツ販売/SEOライティング/LINE構築」が得意

-WordPress, ブログ, プラグイン