【JIN:R】見やすい目次が作りたい【見出しの設定】

JIN:Rに移行して1か月ほどがたちました【みずか】です。

サイト【にじめも】に関してはまだまだ発展途上です

見やすく快適なサイトになれるように少しづつ頑張っています

よく見かける”あの目次”を作りたい。

上記☝どうりのことです。

そう、よく他のサイト様で見かける目次。

これってどう作るの～？？？

みぃか。

私も作りたい！！

こうすると目次見て気になるところに飛べるからすごく便利だし見やすくなるよね～

1つの目次で長くなりすぎちゃう時とかあるからそういう時に文章を区切ったり見出しを枝分かれさせるのに使ったりとか・・

読みやすさを工夫したりしたいんですよね。

作ってみたいけど、なんか私マニュアルを見てもよくわからないぞ・・・

てゆうか、これは言葉にしたらどうやって打ち込んだら検索でてくるのかな？？

みぃか。

”わからないこと”を言語化できない状態だよ～

苦戦しましたが😓

ようやくわかったので忘備録としてまとめてみます。

もし、私以外にも「JIN:Rで見やすい目次作りたいんだけど、どうやるかわからないんだよ～」という方がいらっしゃったら参考にして頂けると嬉しいです✿

Rich Table of Contents

おしゃれな目次を簡単に作ってくれるプラグインです。

JIN:Rのマニュアルに、【Rich Table of Contents】と打ち込めば、解説のページがありました。

私は【見出し】でずっと検索していたので思うような検索結果が出なかったのでした😓

見出しの設定。

自身のWordPressの管理画面の

ダッシュボード

↓

プラグイン

↓

新規追加

↓

Rich Table of Contents

を検索に打ち込んで（コピペした方が楽です。）

インストール

↓

有効化

↓

RTOC設定（ダッシュボードに追加されました）

☟

☟

☟

☝︎これも前に私、勘違いしていて。

2個しか見出しを作っていないのに目次が表示されなくて「⁇⁇」と調べまくっていた事があります。

単に【3個以上，見出しを作らないと表示されない設定】になっていたのを理解出来ていなかったという😓

✼ ｡.｡:+* ﾟ ゜ﾟ *+:｡.｡:+* ﾟ ゜ﾟ *+:｡.｡.｡:+* ﾟ ゜ﾟ *+

目次のデザインを設定

☟

☟

☟

☟

好みに合わせて番号付きにしたり、⚫︎にしたりします。

枠やカラーなどもお好みで☺︎

※ひとまず【上級者向け】の方は何もしませんでした。

忘れずに【変更を保存】します。

目次の作り方。

まず、ブログ内の見出しというものが目次に自動的に表示されます。

ブログを執筆しようと文字を入力していると➕マークがあるのでそちらをクリックします。

※PCとスマホで若干プラスの位置が違います。

【PCの場合】

☟

✼ ｡.｡:+* ﾟ ゜ﾟ *+:｡.｡:+* ﾟ ゜ﾟ *+:｡.｡.｡:+* ﾟ ゜ﾟ *+

【スマホの場合】

☟

PCもスマホも、【見出し】と出てくるのでそこに文字を打てば完成です。

見出しの変え方。

見出しH3

とサイズを変えることが出来ます♪

【H2】をタッチすると下記⇩が出ます。

☟

そうそう！

こうやって見出しを分けたかったの！

ようやく、わかりました…！

きっとこれからもこうやってやりながら学んで覚えていくかと思いますね😇

私はConoHa WINGでブログをはじめました

ブログ作成で参考にさせて頂いています

みぃか。

パート主婦

2016年生まれ女子と2021年男子の4学年差・ほぼ5歳差育児をしているアラフォーのパート主婦です。

1983年、東京ディズニーランドと同い年です。

パートの収入（10万以下）以外に収入の柱を作りたいと思いブログに興味を持ちました。

2人の子供と出かけ好き夫と関東中心に色々出かけています。

元々、ポイントサイトで色々ポイ活に励んでいたのですが最近NISAや株などの資産運用も始めました。

人生100年時代、年齢を重ねても収入源を得られるように頑張ります♬