Rich Table of ContentsbyCroover.inc

「RTOC -Rich Table of Contents-」は誰でも簡単に目次の作成を行うことができる日本発の目次生成プラグインです。従来の目次プラグインの機能をそのままにデザイン性や使いやすさを徹底して追求した設計になっています。
管理画面では機能はもちろんのこと、リアルタイムプレビューを導入しているのでボタン１つで理想の目次を直感的に作成することができます。

インストール

【WordPressの管理画面から自動的にインストールする場合】
①WordPressの管理画面より「プラグイン」→「新規追加」とクリックする
②新規追加の検索ボックスで「Rich Table of Contents」と入力する
③インストールが開始されるので終わり次第有効化にする

【FTP等を使って手動でインストールする場合】
①このプラグインをWordPress.orgからダウンロードする（このページのプラグインタイトルの右横に「ダウンロード」というボタンがあるのでそこからダウンロードする）
②「rich-table-of-content」というzipファイルがダウンロードされるので解凍し、フォルダ全体を /wp-content/plugins/のディレクトリにアップロードします。
③WordPressの管理画面からプラグインをクリックし、有効化をクリックする。

基本設定

目次の基本設定を行います。

• 目次のタイトル: 目次のタイトルを自由に決めることができます。
• 目次を表示させるページ: 目次を投稿ページや固定ページに表示させるかどうかを決めることができます。
• 表示させる見出し設定: どの見出し（h2,h3,h4）までを表示させるかを設定します。
• 表示条件: 見出しが何個以上あれば目次を表示するのかを設定します。
• フォント設定: 目次にあてがうフォントを設定します。

デザイン設定

各種のデザインを自由に設定することができます。

• タイトル表示設定: タイトルの位置を左寄せか中央寄せにするか設定します。
• H2のリスト形式: H2のリストデザインをどのデザインにするか設定します。
• H3のリスト形式: H3のリストデザインをどのデザインにするか設定します。
• 枠のデザイン: 目次全体の枠のデザインを設定します。
• 表示アニメーション: 目次を表示した時のアニメーションを設定します。
• スムーススクロール: 目次をクリック（タップ）した時に該当の見出しまでスクロールさせるかどうかを設定します。

プリセットカラー設定

プラグインに準拠したカラー設定を６種類用意しました。デザインが苦手な方はこちらから好みを色を選択してください。

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

プリセットカラー以外にも独自にカラーを選択することができます。プリセットカラーよりも優先されますので独自にカラー設定したい方やプリセットカラーを部分的に修正したい方はこちらからカラーを変更してください。

• タイトルカラー: 目次のタイトルのカラーを設定することができます。
• テキストカラー: 目次全体のテキストカラーを設定することができます。
• 背景カラー: 目次の背景カラーを設定することができます。
• 枠線カラー: 枠線のカラーを設定することができます。
• H2リストカラー: H2のリストカラーを設定することができます。
• H3リストカラー: H3のリストカラーを設定することができます。
• 目次へ戻るボタンの背景カラー: 目次へ戻るボタンの背景カラーを設定することができます。（目次へ戻るボタンを有効時のみ使用可能）

応用設定

目次へ戻るボタンやプラグインCSSの除外など、高度なカスタマイズを必要とされる方はこちらで設定を行ってください。

• 目次に戻るボタン: （スマホ時のみ）目次に戻るボタンを表示させます。
• 目次に戻るボタンの位置: （スマホ時のみ）目次に戻るボタンを左寄せか右寄せに設定することができます。
• 目次に戻るボタンの上下調整 : （スマホ時のみ）目次に戻るボタンの位置を上下で調整することができます。例）-20,40
• 除外する投稿ページID: 目次を表示させたくない投稿ページを設定することができます。投稿記事IDをコンマ区切りで入力することで記事に目次が表示されないように設定できます。（例 2,3,75）
• 除外する固定ページID: 目次を表示させたくない固定ページを設定することができます。固定記事IDをコンマ区切りで入力することで記事に目次が表示されないように設定できます。（例 4,6,91）
• 目次のデフォルト表示設定: 目次を開いた状態で表示するか、閉じた状態で表示するか選択することができます。
• プラグインのCSSを読み込まない: チェックを入れるとRTOCのCSSが全て読み込まれなくなり全てのデザイン設定が無効になります。CSSやJS等を使って独自に目次をカスタマイズした方はこちらチェックを入れて運用してください。

ショートコードの使い方

ショートコードは管理画面で設定したものとは別に記事別にデザインや見出しの設定等を変更することができます。
詳しくは実際の設定画面に記載があるのでそちらをご確認ください。

ヘルプ

ここでは基本的な設定についてのご質問やRTOC内で使われている文言の説明、目次が表示されなかったり何か困ったことがあった場合に確認してほしい項目を並べています。
ここはWordPressフォーラムでいただいた内容を元に随時追加予定ですのでご質問や困ったことがあればWordPressの専用フォーラムからご連絡ください。