ブログの始め方 設定で悩んだ事

【簡単】ワードプレスでおしゃれな目次を入れる方法【プラグイン】

 

こんにちはmasato-kです!

こちらの記事ではワードプレスで簡単にオシャレな目次を

入れる方法を紹介しています。

 

以下の点も踏まえた上でお答えしていきます!

 
・パソコン詳しくないけど大丈夫かな?
 
・ワードプレスの操作方法あまり分からないよ
 
・HTML使わずに自動でいれたい
 
※アフィンガーで使うと目次がうまく表示されない場合もあるみたい
 

画像を使って分かり易く説明するので

是非見て下さいね!

 

ちなみに何種類も出すと余計に

ややこしくなるので

一番きれいに、簡単にできた物1点だけ紹介します!

 

【簡単】ワードプレスでおしゃれな目次を入れる方法

【簡単】ワードプレスでおしゃれな目次を入れる方法

 

では早速ワードプレスで簡単に目次を入れる方法を紹介します!

 

まず、「Rich Table of Contents」という

プラグインを入れたいと思います。

 

①ワードプレス左のメニューから

「プラグイン」→「新規追加」をクリック

 

②右上の検索まどで「Rich Table of Contents」を入力

 

Rich Table of Contents

③「インストール」→「有効化」

これでOK

 

では次に設定していきます!

 

Rich Table of Contentsの設定方法

Rich Table of Contentsの設定方法

メニュー左に「RTOC」という項目が増えているはずなのでクリック!

 

Rich Table of Contentsの「基本設定」

すると以下のような画面が表示されているはずです。

Table of Contents Plusの設定方法2

 

ここでは

・目次のタイトル・・・「目次」「もくじ」など記入した内容に表示されます!

・目次を表示させるページ・・・投稿、固定ページを選びます

・表示させる見出し設定・・・h2まで、h3までなどの設定ができます!
                        (オススメはh3)

・表示条件・・・目次を自動で生成する条件です!見出し何個から表示するのか

・フォント・・・フォントですね!文字の見た目

 
 

Rich Table of Contentsの「デザイン設定」

Table of Contents Plusの設定方法3

次の項目で番号をふるのか

●だけで表示するのかなどh2、h3でそれぞれ選ぶ事ができます!

右側にプレビュー表示があるので凄く分かり易です!!

 
 

Rich Table of Contentsの「枠のデザイン設定」

Table of Contents Plusの設定方法4

ここでは枠のデザインを選ぶ事ができます!

囲み線、上下のみなどです。

こちらもプレビューを見ながら気に入ったものを選択。

 
 

Rich Table of Contentsの「表示アニメーション設定」

Table of Contents Plusの設定方法5

目次を表示する際のアニメーションも設定できます!

あまり気にしなくても良いのですが

こだわりたい場合は設定してください。

 
 

Rich Table of Contentsの「定番カラー設定」

Table of Contents Plusの設定方法6

目次全体のカラーを選ぶことができます!

サイトのイメージと同じ、もしくは雰囲気を

損なわないように注意して選んでください!

 

目次といえども印象はとても大切。

 
 

Rich Table of Contentsの「カラー設定」

Table of Contents Plusの設定方法7

少し上級者向けですが

細やかなカラーを設定できます!

 

私は触っていませんが、運営しているサイトの

基本カラーが定番カラーに無い場合は

ここで設定してください。

 
 

Rich Table of Contentsの「応用設定」

Table of Contents Plusの設定方法8

ライトの設置項目です!

・目次に戻るボタン・・・ONの方が親切だと思います

・戻るボタンの位置・・・お好みで

・戻るボタンのテキスト「目次へ」など分かればOKです

・位置調整・・・戻るボタンの位置調整ができます

・除外する投稿ID・・・目次をなしにしたい場合に記事IDを入力

・目次を初めから「閉じる」「開く」を設定できます!

・開閉ボタンのテキスト・・・OPENなど自分で設定できます!

以上で設定は完了です!

 

これで今までの記事にも自動で目次が付いているはずです!

 

目次がうまく表示されない場合もあるみたい

私は初め「Table of Contents Plus」というプラグインを

導入して設定していました!

 

他のサイトでもオススメされていた事もあり

入れてみたのですが文字がズレたり

表示されなかったりと不具合の連発でした。

 

何個か試している中で

いちばん簡単で使いやすく、見た目もオシャレでしたので

Rich Table of Contentsをご紹介させて頂きました!

是非一度ためして見てくださいね!

 

以上になります!

皆様のブログライフが幸せでありますように!

広告

にほんブログ村 にほんブログ村へ

© 2022 masablog