WordPressでおしゃれな目次を作成するプラグイン『RTOC』がオススメな理由

WordPressの目次作成プラグインといえば、TOC＋（Table of Contents Plus）が一番メジャーどころですが、TOC+でおしゃれなデザインにしたいのであればCSS編集は必須です

CSSの知識がない人からするとCSS編集は少しハードルが高いものですよね

しかし、先日リリースされた『RTOC（Rich Table of Contents）』という日本製のプラグインはCSSいらずでおしゃれデザインの目次の作成が行えます

僕もずっとTOC＋を利用してきましたが、先日RTOCのデザインがすごくおしゃれで気に入ったので乗り換えました

RTOCでは以下のことができます

専用の分かりやすい管理画面からワンクリックでデザインが決められる
好きな場所に目次を表示させられる
スマホページに「目次にもどる」ボタンを設置できる

この記事の流れ

WordPressでおしゃれな目次を作成するプラグイン『RTOC』がオススメな理由
目次作成プラグインRTOCのインストール方法
目次作成プラグインRTOCの使い方
- 目次デザインの設定方法
- 任意の箇所に別デザインの目次を表示させる方法
RTOCで目次をおしゃれデザインにしよう

WordPressでおしゃれな目次を作成するプラグイン『RTOC』がオススメな理由

【超お知らせ】

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

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

プラグイン検索で「RTOC」と打てば一発で出てくるのでぜひ使ってみてください🙌https://t.co/bXNU2Tjxdl pic.twitter.com/we7hqhsM06

— ひつじ@JIN制作 (@hituji_1234) March 1, 2020

RTOCはワードプレステーマ『JIN』で有名な実力派ブロガーのひつじさん属するチームで作成されたプラグインです

ポイント

商品リンク作成のRINKERのように日本製のプラグインはなかなか優秀なものが多いので要チェック

おしゃれなデザインの目次作成が簡単にできる

好みの問題もあるとは思いますが、僕はTOC+のデザインよりもRTOCのデザインのほうが好きです

僕の場合、シンプル系のデザインにしてタイトルを「記事の概要」に変更しています

こうすることで、まるで目次ではなくコンテンツの一部のように表示することができるので気に入っています

記事ごとに目次のデザインを変えられる

目次を除外するページの指定ができる他、専用のショートコードを利用することで、好きな場所に目次を表示することができます

また、ショートコードは編集が可能で、ショートコードで表示する目次箇所のデザインを元の設定とは違うものに設定することも可能です

※ショートコードを利用すると元の位置にある目次が消えてしまうため、上記の目次は画像で表示しています

複数ジャンルのブログ構成であれば、この機能を使って記事ごとに印象を変えるのも一つの手ですね

スマホページに「目次にもどる」ボタンを設置できる

スマホページで下にスクロールした際に追尾する「目次にもどる」ボタンを設置可能です

これはワードプレステーマに付属している機能でTOPへ戻るボタンなどがある場合は不要かなと思いますが、ない場合はこの機能を有効活用するのがいいでしょう

目次作成プラグインRTOCのインストール方法

初心者さん向けに、RTOCのインストール方法を動画にしておきました！

・プラグイン新規追加
・「RTOC」と検索
・インストール&有効化

この手順で利用できます🤲

JINで培ったUI設計とデザインへのこだわりを採用し、目次プラグインの中でもかつてないほど使い勝手の良いものに仕上げました！ pic.twitter.com/iP6fGVAAXf

— ひつじ@JIN制作 (@hituji_1234) March 1, 2020