簡単おしゃれWordPressの目次プラグイン「Rich Table of Contents」の設定方法

2020-06-10

WRITER

まさぽん

この記事を書いている人 - WRITER -

まさぽん

元プログラマで今は主婦で一児の母やってます。パソコンが苦手でブログをやってるけどよく使い方がわからない人のお手伝いをしています子育て関係、ブログの使い方に関することを更新しています。

詳しいプロフィールはこちら

この記事は初心者向けです。
デザインがよくわからなくても簡単におしゃれな目次が作れちゃいますよ。

どうも～まさぽん(@masaponn417)です。

目次プラグインって何を使ってますか？

私は乗り換える前は「Table of Contents Plus」っていう海外のものを使っていました。

これでも十分よかったのですが…、ぶっちゃけると

あんまりおしゃれじゃない！！

これだけが不満でした。

CSSをいじってみたはいいけど、おしゃれにできない！

この悩みを解決してくれたのが、国産の目次プラグイン「Rich Table of Contents」！！
略してRTOCを紹介したいと思います。

何と言ってもいじらなくても標準でおしゃれ！そして設定が簡単！！

目次プラグインRich Table of Contentsとは？
- RTOCのインストール方法
RTOCのデザイン設定方法
RTOCの設定方法のまとめ

目次プラグインRich Table of Contentsとは？

「Rich Table of Contents」とはJINのテーマを作成したひつじさんが作成した、

日本語対応のワードプレスプラグインです。

【超お知らせ】

目次プラグイン「Rich Table of Contents」をリリースしました！

・無料プラグイン
・誰でもリッチな目次が作れる
・最新WPとの互換性100%
・目次へ戻るボタン標準搭載

プラグイン検索で「RTOC」と打てば一発で出てくるのでぜひ使ってみてください🙌https://t.co/bXNU2Tjxdl pic.twitter.com/we7hqhsM06
— ひつじ@JIN制作 (@hituji_1234) March 1, 2020

↓がプラグイン紹介の公式ページです。公式ページもおしゃれ～。

RTOC-誰でもリッチな目次が作れるWordPressプラグイン

CSSに詳しくなくてもおしゃれな目次を作れちゃいます！

テーマがどれでも目次は作れるので安心してくださいね。

Rich Table of Contentsって長いのでこれからはRTOCと呼び方を統一します。

RTOCのインストール方法

ワードプレスのダッシュボードにある、プラグインから新規追加に行きます。

検索枠にRTOCと入力して検索します

検索してプラグインが出てきたら「今すぐインストール」のボタンを押してインストールします。
インストールが終わったらボタンが「有効化」に変わるのでボタンを押してプラグインを有効化します。

これでインストール作業は終わりです。

RTOCのデザイン設定方法

有効化まで済むとダッシュボードの左側に「RTOC設定」というメニューが増えます。

有効化したのに見えてない方は、ブラウザの更新ボタンを押して更新してみてください。

ダッシュボードの「RTOC設定」を押して設定画面に行きます。

基本設定

自分の好みに合わせて設定を変更します。

設定画面のタイトル	説明
目次のタイトル	目次の部分を自分の好きなタイトルに変えられる。一般的には目次やContents
目次を表示させるページ	チェックをつけたところに目次が表示される。投稿というのは記事のこと。
表示させる見出し設定	見出しタグ(H2~H4)をどこまで表示させるか。
表示条件	見出しがいくつになったら目次が出てくるのか。 1～10まで選べる
フォントの設定