こんにちはmasato-kです！
こちらの記事ではワードプレスで簡単にオシャレな目次を
入れる方法を紹介しています。
以下の点も踏まえた上でお答えしていきます！
・パソコン詳しくないけど大丈夫かな？
・ワードプレスの操作方法あまり分からないよ
・ＨＴＭＬ使わずに自動でいれたい
※アフィンガーで使うと目次がうまく表示されない場合もあるみたい
画像を使って分かり易く説明するので
是非見て下さいね！
ちなみに何種類も出すと余計に
ややこしくなるので
一番きれいに、簡単にできた物1点だけ紹介します！
【簡単】ワードプレスでおしゃれな目次を入れる方法
では早速ワードプレスで簡単に目次を入れる方法を紹介します！
まず、「Rich Table of Contents」という
プラグインを入れたいと思います。
①ワードプレス左のメニューから
「プラグイン」→「新規追加」をクリック
②右上の検索まどで「Rich Table of Contents」を入力
③「インストール」→「有効化」
これでＯＫ
では次に設定していきます！
Rich Table of Contentsの設定方法
メニュー左に「ＲＴＯＣ」という項目が増えているはずなのでクリック！
Rich Table of Contentsの「基本設定」
すると以下のような画面が表示されているはずです。
ここでは
・目次のタイトル・・・「目次」「もくじ」など記入した内容に表示されます！
・目次を表示させるページ・・・投稿、固定ページを選びます
・表示させる見出し設定・・・h2まで、h3までなどの設定ができます！
（オススメはh3）
・表示条件・・・目次を自動で生成する条件です！見出し何個から表示するのか
・フォント・・・フォントですね！文字の見た目
Rich Table of Contentsの「デザイン設定」
次の項目で番号をふるのか
●だけで表示するのかなどh2、h3でそれぞれ選ぶ事ができます！
右側にプレビュー表示があるので凄く分かり易です！！
Rich Table of Contentsの「枠のデザイン設定」
ここでは枠のデザインを選ぶ事ができます！
囲み線、上下のみなどです。
こちらもプレビューを見ながら気に入ったものを選択。
Rich Table of Contentsの「表示アニメーション設定」
目次を表示する際のアニメーションも設定できます！
あまり気にしなくても良いのですが
こだわりたい場合は設定してください。
Rich Table of Contentsの「定番カラー設定」
目次全体のカラーを選ぶことができます！
サイトのイメージと同じ、もしくは雰囲気を
損なわないように注意して選んでください！
目次といえども印象はとても大切。
Rich Table of Contentsの「カラー設定」
少し上級者向けですが
細やかなカラーを設定できます！
私は触っていませんが、運営しているサイトの
基本カラーが定番カラーに無い場合は
ここで設定してください。
Rich Table of Contentsの「応用設定」
ライトの設置項目です！
・目次に戻るボタン・・・ＯＮの方が親切だと思います
・戻るボタンの位置・・・お好みで
・戻るボタンのテキスト「目次へ」など分かればＯＫです
・位置調整・・・戻るボタンの位置調整ができます
・除外する投稿ＩＤ・・・目次をなしにしたい場合に記事ＩＤを入力
・目次を初めから「閉じる」「開く」を設定できます！
・開閉ボタンのテキスト・・・ＯＰＥＮなど自分で設定できます！
以上で設定は完了です！
これで今までの記事にも自動で目次が付いているはずです！
目次がうまく表示されない場合もあるみたい
私は初め「Table of Contents Plus」というプラグインを
導入して設定していました！
他のサイトでもオススメされていた事もあり
入れてみたのですが文字がズレたり
表示されなかったりと不具合の連発でした。
何個か試している中で
いちばん簡単で使いやすく、見た目もオシャレでしたので
Rich Table of Contentsをご紹介させて頂きました！
是非一度ためして見てくださいね！
以上になります！
皆様のブログライフが幸せでありますように！