ハック・手帳・速読・WordPress運営・思考ログ等を綴っています。安慶名勇子(アゲナユウコ)です。ブログにおいての『目次』って、飲食店でいうお品書きと似ていると感じるのは私だけでしょうか。「ここではこんなコース(お料理)を提供しますよ!」と案内があるだけで読みやすさが大きく変わるので、私はブログ運営において目次を重要視しています。文字数が少ない記事なら必要ないでしょうけれど、多くの記事はあった方が読みやすいですよね。記事の概要や、流れを踏まえながら安心して読んでいただくためにも、目次機能はぜひ利用しましょう。Plus』というプラグインは、簡単に目次を作成でき、使いやすさや見栄えも優れているのでとてもおススメ。今回はその基本設定について説明します。作成した目次イメージまずは完成後のイメージからご覧ください。インストールし、簡単な設定を完了するとこんな目次が自動で作成されます。難しい設定は必要ないのですが、どうせならブログを引き立たせるデザインにしたいですよね。いうわけで、下記のような項目を最低限考えておきましょう。目次を自動表示させるページタイプ(投稿・固定ページ等)目次のデザイン目次のサイズ見出しが何個以上ある場合に表示させるか目次番号の有無では、具体的な設定手順を見ていきましょう。左メニューから『プラグイン』をクリック。プラグインの隣に表示される『新規追加』ボタンをクリック。Plus』(下記画像参照)を探し、『今すぐインストール』をクリックしてください。これでインストールは完了です。設定方法サイドバーの『設定』の中に『TOC+』というメニューが追加されていますので、クリックして設定画面を表示します。インストールすると、通常は一番最初の見出しの直前に目次が表示されます。表示位置を変えたい場合は『位置』の項目を変更します。プルダウンメニューをクリックして変更します。位置のプルダウンメニューに表示される内容と意味は次のとおり。表示させたい場所を選びます。表示条件を設定する「hタグが少ないページには目次表示はさせたくない」という場合は、表示条件を設定しましょう。見出しが何個以上ある場合に目次を表示させるかを設定できます。どのページに目次を表示させるか「投稿ページは目次を表示したいが、固定ページには目次を表示したくない」という場合は『以下のコンテンツタイプを自動挿入』項目で設定しましょう。目次を表示させたいページタイプにチェックを入れます。通常は『post(投稿ページ)』にチェックを入れていればOKです。見出しテキストを設定するデフォルトのままでも問題はないですが、目次欄の表示を変えたいときには『見出しテキスト』項目で設定を行いましょう。『見出しテキスト』の設定は、目次のこの部分(下図)に対応しています。チェックを入れると『Contents』と表示される。任意の文字列の指定も可。チェックを入れると、読者自身が目次を非表示にできる『hide』というボタンが表示される。チェックを入れると目次詳細が表示されず、タイトルのみ表示される。『最初は目次を非表示』がわかりにくいのですが、チェックを入れるとこんな状態でブログに表示されるということです↓。目次を見たい場合は『show』ボタンをクリックして表示させます。階層表示を設定する『階層表示』にチェックを入れると、hタグの種類によって目次がインデント表示されます。番号振りを設定する目次に番号を振りたい場合はチェックを入れ、番号を振りたくない場合はチェックを外します。『番号振り』チェック無↓スクロール効果を設定する目次はページ内リンクなので、クリックすると該当行に移動します。その移動の仕方を設定します。目次の横幅サイズを設定するデフォルト状態では、目次の横幅は見出しのサイズに応じて変更されますが、見出しの長さに関わらず固定サイズでの表示も可能です。プルダウンメニューをクリックし、好みの横幅を指定します。回り込みを設定するデフォルトでは『なし』になっているのでそのままでOKですが、回り込みレイアウトにしたい場合はプルダウンメニューをクリックして設定します。目次の文字サイズを設定する目次の文字サイズを変更したい場合、『文字サイズ』項目に数値と単位を設定します。単位は『pt』『%』『em』で指定できます。目次のデザインを設定する目次の背景色や枠線色、マウスオーバー時のリンク色などを『プレゼンテーション』項目で細かく設定できます。)があらかじめ用意されていますが、『カスタム』を選択すれば自分好みにアレンジもできます。用意されているパターンを選択した場合のイメージはコチラ。『透明』を選択すると目次背景が文字通り透明になります。このブログは背景が白なので、あらかじめ用意されているパターン『白』と変わらない表示になっていますが、ブログ背景が写真や柄モノだった場合には使えますね。『カスタム』の場合↓ちなみに、↑の設定はこちら。ブログのデザインに合わせてカスタマイズしてみてください。目次設置はメリットだらけ記事の読みやすさをUPさせるためにも目次はあるに越したことはありません。プラグインを使用せず、ベタ打ちで記事毎に目次を作成する方法もありますが...見出しを追加・削除した場合、目次も書き換える必要があるため手間が増えます。目次プラグインを利用すると、記事編集と同時に目次が自動作成される上、リンク切れや表示漏れのミスも防げますし、目次自体がページ内リンクになっているので、SEO対策としても有効との説もあります。目次設置はブログ運営においてメリットだらけ。指導や講演をしています。今回はサイトマップのお話を。92.3%の実績を持つ。手帳術メールマガジン読者約3,000人。現在は現在は業務改善コンサルタントとして活動中。1冊15分で本が読めるイントレ(速読)等の学びを提供している。詳しいプロフィールはこちらからどうぞ。