JIN

JIN は目次プラグインで目次を作ります

JIN は目次プラグインで目次を作ります

JINを使い始めて驚いたのは、

目次がない!!

ってことでした😁

本記事の内容
  • 目次プラグインRTOCの導入方法
  • 目次の設定方法
  • ショートコードの使い方

JIN で目次プラグイン Rich Table Of Contents を使って訪問者さんに分かりやすい記事を読んでもらいましょう。

そよ

SWELL は目次機能があるのでショートコードは必要ないですよ。JINからSWELLへ移行した記事をご参照ください

Vektor Passport(ライセンス期間1年)

目次プラグインRich Table of Contentsは初心者でもOK

JIN向け目次プラグイン

このプラグインは、初心者にとってもオススメ!

一番すごいところは、

どんな目次になるのか見ながら作れる

ってところ!!

自分の好みになるまでしっかりと作れますよ♪

Rich Table of Contents プラグインの入れ方

network cables as supply for work of system

WordPressはプラグインを多用すると不安定になるので入れたくないのですが、このテーマJINは後から追加するのが前提のようです。

プラグインのリリースが2020年3月1日。

今後、同様に機能追加でプラグインが開発されていくのかもしれませんね。

目次プラグイン「Rich Table of Contents」は、簡単に目次を追加できるプラグインです。

導入方法

【ダッシュボード】→【プラグイン】→【新規追加】で、RTOCと検索すると表示されますので、インストールして有効化しましょう。

Rich table of contents-009

似た名前のがありますが、間違えないように気をつけてくださいね。

Table of Contents Plus (TOC+)というプラグインもありますが、こちらは開発がおわっているみたいです。

Easy Table of Contents は、TOC+の後継。こちらは最新WPの検証が行われています。

設定方法

画面左メニューから、「RTOC設定」をクリックします。

RTOC-001
目次プラグイン設定

RTOCはライブプレビュー付き!

Rich table of contents-002
右側のプレビュー画面で確認できる

画面上部右側にライブプレビューがあります。

この画面を見ながら自分好みの目次を作ります。

設定してあるスタイルを使うと楽

Rich table of contents-003

0から自分で目次デザインを考えるのも大変。

でも、このプラグインの素敵なところは、予めデザインしてあるものを使うことができるところです。

Rich table of contents-004
Rich table of contents-005

JINスタイルもちゃんとありますよ♪

細やかな設定もできます

Rich table of contents-006

大まかにスタイルを選んだ後、細かな配色もちゃんと変更できます。

※JINスタイル以外を選んだときに設定できます♪

Rich table of contents-007

除外する投稿ID、固定ページIDとは、目次を設定したくないページを指定できるところです。

例えば、プロフィールや問い合わせページには目次いりませんよね?そんな場合に使います。

特定のページに目次を表示させない

Rich table of contents-008

投稿ID、ページIDなどの確認方法は次の通りです。

投稿一覧、または固定ページ一覧へ移動し、記事の上にマウスを載せるとページ下部にIDが表示されます。

ここの番号をID入力欄へ入力します。

おまけ〜ショートコードの使いどころ

Rich Table Of Contents

設定画面の上部タブにショートコードというのがあります。

これは、好きなところに目次を表示させることができるものです。

よく使われるのが、

  • コンテンツの最下部
  • コンテンツのサイドバー(追従タイプ)

の2ヶ所です。

どちらも訪問者の利便性を高めるものとして設置してあります。ただし、設置はどちらかにしておいたほうが良いかもしれません。

コンテンツ最下部はJINで表示されているので、ここでは、サイドバーに表示させる方法をご紹介します。

外観→ウィジェットをクリック

目次をサイドバーに表示させる方法

目次のショートコードをコピーする

上はそのまま、下はカスタマイズです。表を見ながら自分好みに変更可能です。

STEP
1

外観→ウィジェットをクリック

ウィジェット追加方法1

STEP
2

カスタムHTMLをクリックして、サイドバー追尾を選んで、ウィジェットを追加をクリックする

ウィジェットの追加方法2
STEP
3

サイドバー追尾に追加されたカスタムHTMLへショートコードをペーストする

ショートコードを貼り付ける
STEP
4

まとめ

JIN向け目次プラグイン

いかがでしたか?

JINの公式マニュアルにもあるように、とても簡単に導入することができました。

目次があるとどんな内容なのかを訪問者に伝えることができて便利ですよね。

JINのどんどん使い勝手が上がっている気がします♪

JIN、Cocoon、SWELL で目次へ戻るリンクを作る

長い記事では、よく途中で目次を確認したい時があります。

そういう時の設定方法をご紹介しています。

JIN,Cocoon,SWELL の目次を例にご紹介しています。

訪問者さんが簡単に目次を確認できるので大変便利です。

設置も難しくないのでぜひ挑戦してみてくださいね。

目次と見出しを活用して内部SEO対策

目次と見出しを内部リンクで活用するヒントです。

WordPress の目次利用でできる簡単なSEO対策

JIN の目次スタイルが崩れている

JIN の目次スタイルが1ページだけおかしい。そんなときに確認してほしいことです。

JIN の目次(RTOC)が1ページだけスタイル崩れ|問題解決

Vektor Passport(ライセンス期間1年)
Vektor Passport(ライセンス期間1年)