【 ブログ 目次の作り方】ワードプレスJINで目次の作り方・設定方法を解説!

rich table of contents

今記事は、ブログの目次の作り方がわからない!という方におすすめの内容です。WordPress JINには自動的に目次を作る機能がついていないため、JINの開発者が作ったプラグインを入れる必要があります。目次は回遊性を上げるためにもとても重要です。必ずインストールと設定をしましょう。

では、目次の作り方・設定方法について詳しく解説します。

TOC

ブログ目次の作り方|徹底解説

目次のプラグインの追加方法

ブログ 目次の作り方

次に画面右側にあるプラグインの検索より「rtoc」と検索してください。

下記のプラグイン「Rich Table of Contents」がありますので「今すぐインストール」をクリックしてください。

しばらく待つと「有効化」のボタンが出てくるので、それもクリックしましょう。

ブログ 目次の作り方 プラグイン
Rich Table of Contents

これで目次プラグインのインストールが完了です!

ブログ目次の設定方法(RTOC)

管理画面に「RTOC管理」という項目が追加されていますので、これをクリックしましょう。

目次の基本設定

ブログ目次プラグインRich Table of Contentsの設定方法

基本的に設定は何も触らなくてOKですが、デザインなどを変えたい場合は変更が可能です。

  • 目次のタイトル:ページ表示をすると、目次がタイトルとリード文の下に入ります。目次の全体の表示タイトルになります。
  • 目次を表示させるページ:投稿 と固定ページにチェック
  • 表示させる見出し設定:H3まで表示。H4までは要らないかと思います。
  • 表示条件:見出し4つから(3つからでも良い)

設定が完了したら、画面最下部にある「保存」のボタンを押しておいてください。

目次のデザイン設定

ここから自分の好きなデザインに変更が可能です。好きなデザインを選択してください。
私は番号にしてます。

ブログ 目次の作り方

スムーススクロール設定を「ON」にすると、目次から見出し移動がスクロールしたように移動します。

ブログ 目次の作り方

目次のプリセットカラー設定

プリセットカラー設定を変更します。

JIN Color」を入れて、全部で7種類のプリセットが用意されていますので、お好きなデザインを選択してください。

ブログ 目次の作り方

目次カラー設定(カスタム編)

プリセットカラー設定で選択したものを、より細かくカスタマイズできます。
私はデフォルトの色で行っておりますが、サイトのカラーを決めてる方はここで全て変更できます。

ブログ 目次の作り方

Rich Table of Contents(RTOC)で追従目次の設置方法

これはパソコンで閲覧してる方がサイドバーに目次を作ることで、常に追従してくれるものになります。

RTOC設定→ショートコード」をクリックして、「目次のショートコード」をコピーします。

Rich Table of Contents(RTOC)で追従目次の設置方法

先ほどコピーした目次のショートコードを内容に貼り付けて、「保存→完了」をクリックすればOKです。

Rich Table of Contents(RTOC)で追従目次の設置方法
Rich Table of Contents(RTOC)で追従目次の設置方法

このように表示されてる思います。このように出たら完了です。

ブログ 目次の作り方

まとめ

WordPressのテーマJINをご利用の方には、このRich Table of Contentsのプラグインを導入し、目次を追加することをお勧めします。目次を追加することでユーザーがコンテンツを簡単にナビゲートできるようになり、SEOにも効果がありますので、是非導入してみましょう。

Let's share this post !

Author of this article

現役看護師つむです。
夜勤をどうしてもやめたくて副業でブログを選びました。
超初心者の私でもブログを始めて収益化できたノウハウを全て
このブログで伝えていきたいと思います。
現在月収10万円以上は必ず稼げてます。

TOC