毎日昼頃まで寝る、美味しいご飯を作って食べる、夜遅くまでテレビを観る、ゲームをする、音楽を聞く・・・そんな好きなことをまったりできる生活を、あなたも手に入れない?

マイペーシストあっぴの趣味ブログアフィリエイト備忘録

ワードプレス初心者講座

ワードプレスブログの目次の作り方。Table of Contents Plusを導入しよう

投稿日:2017年4月8日 更新日:

WordPressブログでも度々見る、目次。

ピンポイントで知りたいことがあるときは、目次のリンクを押すと指定箇所にジャンプできるから便利なんだよね。特に記事が長くなってくると、見たい場所を探すのも時間かかるからねぇ。こういう小さな気遣いが、読者さんに喜ばれる。

ってことで今回は、そんな便利な目次の作り方をご紹介!

ワードプレスのプラグイン「Table of Contents Plus(TOC+)」を使うと、1回設定するだけで目次が自動作成されるようになるよ。なのであなたのブログにも、このプラグインを入れてみよう。

 
※目次は見出しタグを使ってないと表示されないよ。なので記事には必ず、見出しタグを入れてね。
⇒見出しタグを使った、正しい見出しの作り方はこちら。

WordPressプラグイン「Table of Contents Plus」のインストールと有効化

まずはいつも通り、プラグインをインストールするよ。

ワードプレスにログインして、画面左の「プラグイン」から「新規追加」をクリックしよう。

 
そんで右上のプラグインの検索に「Table of Contents Plus」を入力。名前が長いので、コピペすると楽だよ。

 
Table of Contents Plusの横にある「今すぐインストール」をクリックして

 
青色の「有効化」ボタンをクリック。

 
「プラグインを有効化しました。」って表示されればおっけー。

 

Table of Contents Plusで目次を自動作成させる使い方

TOC+設定画面に移動

今度は画面左の「設定」の中から、「TOC+」をクリック。TOC+はTable of Contents Plusの略称だね。

 
そしたらTable of Contents Plusを設定できる画面に行けたはず。こんな画面ならおっけー。

 
いじる設定は、基本設定だけだよ。

 

位置

まずは「位置」ってところね。ここでは、目次をどこに表示させるかってことを選べるよ。

記事はだいたい起承転結みたいに起があると思うので、おすすめはデフォルトの「最初の見出し前」。この位置だと、起の後に目次が出てくる感じ。

 

表示条件

表示条件では、見出しがいくつ以上あるときに目次を表示させるかを決められる。

あっぴは3つにしてるよ。

 

以下のコンテンツタイプを自動挿入(post、page)

ここは、どんなタイプの記事に目次を入れるかってことを決めるところ。選択肢がたくさんあるけど、postとpageだけをどうすればいいか考えれば大丈夫。

postは投稿した記事、つまり今あなたが見てるような普通の記事のこと。pageは固定ページ、つまりプロフィールとかお問い合わせが書いてあるページのこと。

postは入れないと記事で表示されないのでチェック入れとこう。pageはお好みで。あっぴはpostだけにチェックを入れてるよー。

 

見出しテキスト

目次の上にタイトルを表示

タイトルっていうのは、あっぴのブログで言うと「目次」って文字が書いてあるところ。ここを表示させますか?表示させるなら、タイトルは何にしますかー?ってことを決められる。

 
タイトルはあった方がわかりやすいね。いきなりポンッと書いてあっても、「何だろこの文章の羅列」って感じだし。

タイトルの名前は、デフォルトだと英語でContensって書いてある。このままだとわかりにくいので、日本語に変えておこう。

「目次」って書いとくのが確実に誰にでも伝わるね。

 

ユーザーによる目次の表示・非表示を切り替えを許可

ここは読者さんが目次いらないと思ったら非表示にできるようにしたり。反対に、目次がほしいと思ったら表示させられるようにするところ。

ここはチェック入れといた方が、読者さんに選んでもらえるのでいいね。

 
その下のテキストを表示・非表示のところは、切り替えるのために押すリンクに何て書くか決めるところ。

デフォルトだと英語になってるから、日本語に変えよう。例に書いてあるように「表示」「非表示」にするか、あっぴは「開く」「閉じる」にしたよ。お好きな書き方でどうぞ。

 

最初は目次を非表示

ここは目次を最初っから表示させるのか。それとも最初は非表示で、読者さんが必要なときに自分にしてもらうのかを決められる。「最初は目次を非表示」にチェックを入れると、最初は非表示になるよ。

ここもお好みで。

あっぴはこのブログでは目次が長くなることが多いので最初は非表示に。趣味ブログでは目次が長くなることが少ないので、最初から表示させてるよ。

どっちにすればいいかよくわからなければ、まずは表示。で、自分で書いた記事を見てて「なんだか目次が長くて邪魔だなぁ」って思うことが多ければ、後で非表示に変えればOK。

 

階層表示

大きい見出しと小さい見出しで、階層がわかるようにするかを決めるところ。

ちょっとわかりにくいので、画像を見てもらったほうが早いかな。こんな感じで変わるよ↓

 
階層あるとくくりがわかりやすいので、チェックするのがおすすめ。

 

番号振り

文章の頭に番号を入れるかどうかを決めるところ。

 
あった方がぱっと見で、どのくらい見出しがあるのかがわかりやすい。あって困るものでもないので、チェック入れとこう。

 

アンカーリンクにジャンプではなくスクロールする

目次に書いてある文章をクリックして、移動するときの方法を選べる。ジャンプだとパッと画面が切り替わって、スクロールだとシュルシュルシュルーって移動していくよ。

個人的にはスクロールだと突然動き出してびっくりしちゃうから、ジャンプにしてるwジャンプならどっかのページに移動するときと同じで、見慣れてるからね。

 

外観(プレゼンテーション)

外観は、プレゼンテーションであなたの好きなデザイン選ぶだけでOK。黒はちょっと見にくいかなーと思うけど、他のは全部見やすいと思う。

あっぴは水色にしてるよ。

 

設定を更新

ここまで設定できたら、「設定を更新」のボタンをクリック。画面で1番下の、青いやつね。

 
これでTable of Contents Plusの設定は完了。あなたのブログにも、目次が自動的に表示されるようになったよ。

 
ちょっと設定項目が多かったから、大変だったかな?もし疲れちゃったら、休憩をとるようにしてね。

では、お疲れさまでしたー。

 

⇒ワードプレス初心者向けの記事一覧はこちら。




「毎日昼頃まで寝ていたい」「美味しいご飯を作って、のんびりと味わって食べたい」
「夜遅くまでテレビを観たり、ゲームをしたり、音楽を聞きまくりたい」

「でも会社で働きながらだと、時間が足りなくてできない・・・。」

「てかそもそも、働きたくないのが本音。大学生の頃に戻りたい・・・。」

そんなあなたが楽しく生活できるように、好きなことをブログに書いてお金を稼ぐためのプレゼントをお届けするよ。

会社員をしないで稼ぐのに使ってるもの



夢の雑貨部屋はあっぴがブログ初心者の頃から使ってる、ブログサポート&情報商材(教材)。

・コンサル代に何万も払えないけど、稼いでる人にサポートしてもらいたい!
・ブログをじっくり育てて、長期的に稼げるようになりたい!
・ブログアフィリエイトをやってる仲間を作りたい!

1つでも当てはまったら、あなたも夢の雑貨部屋をのぞいてみてね。

⇒夢の雑貨部屋の詳細レビューはこちら。

⇒コンサルやサポートを受ける5つのメリットはこちら。



キーワードスカウターは、キーワード選びに必要な作業を自動でやってくれるツール。

キーワード選びはやり方がわかっても、作業量が多くて時間かかるし疲れるんだよねぇ。記事を書くたびに毎回やるのは、ぶっちゃけしんどい・・・。

キーワードスカウターを使えばキーワード選びにかかる時間を短縮できるから、他の作業にも時間を使える。やることも減るから、疲れにくくもなるよ。

⇒キーワードスカウターの詳細レビューはこちら。



AFFINGER4は、このブログで使用中のワードプレステンプレート。

「みんなと同じようなデザインのブログは嫌だ。だけどCSSやPHPなんていじれないよ・・・」

ってあなたはチェックしてみてね。

⇒AFFINGER4の詳細レビューはこちら。

-ワードプレス初心者講座
-

Copyright© マイペーシストあっぴの趣味ブログアフィリエイト備忘録 , 2018 All Rights Reserved.