• コマンド
    「デスクトップを表示する」ショートカットキー
    2012年6月6日
  • Excel
    【Excel】データの平均値と中央値を求める関数 両者の違いと使い分けまとめ
    2017年7月10日
  • Excel
    【Excel】常に上書き保存をするクセを付けておくべき1つの理由
    2015年4月16日
  • Evernote
    Evernoteクライアントが重すぎて使い物にならないのでDBを最適化してどれぐらい軽くなるか調べてみた
    2014年7月28日
  • 鹿児島
    7月から設置された羽田空港・ANAの新兵器「バゲッジドロップ」を使ってみた
    2015年11月10日
  • Windows
    黒画面に白カーソルが点滅してWindowsが起動しない問題を解決してみた(Boot順の変更)
    2015年10月14日
  • Windows
    【Windows10】サービスを停止/無効化する2つの方法
    2015年8月4日
  • iPhone
    フォトストリームがどうしても同期しなくなってしまった僕がとった、最終手段。
    2014年1月8日
  • Windows
    Windowsが32bitと64bitのどちらなのかを最速確認する方法
    2015年4月20日
  • その他
    建物全体が卵の形をした、一風も二風も変わった渋谷のクラブ『LX』に遊びに行ってみた!
    2014年1月25日
  • Excel
    【Excel】ショートカットキーの割り当てが無い操作にショートカットキーを割り当てる方法。
    2014年1月18日
  • ニュージーランド
    【NZ】ニュージーランドの北島・南島の大きな違いとは!? 実は北の方が温暖
    2016年9月4日
  • Windows
    【Windows10】ピクチャのフォルダを移動・変更する方法
    2017年7月5日
  • Excel
    【Excel】空白データのセル数をカウントする方法
    2017年9月20日
  • Excel
    Excel Tips. 一部セルだけ「0」を非表示にする一番簡単な方法
    2014年8月9日
  • アイテム
    GoProでSDカード内の動画を削除したのに領域が空にならない場合の原因と対処法
    2016年12月24日
  • Windows
    【Windows10】スタートメニューのいらない項目を非表示にするなどのカスタマイズ
    2015年10月10日
  • 旅行
    中国と香港の境目をGoogleストリートビューで見てみたら割と面白いことになっていた
    2013年9月18日
  • フリーソフト
    画像形式を一括変換・編集するインストール不要ツール「XnConvert」がマジすげぇ件 (Win,Mac,Linux対応)
    2016年9月7日
  • Mac
    Macにメイリオフォントをインストールしてみた
    2013年1月14日
  • 旅行
    Spotifyプレミアムが海外旅行でメチャ便利な理由
    2017年1月29日
  • Excel
    【Excel】コピー後に残る邪魔な選択範囲の枠線を一瞬で消し去る方法!
    2017年11月10日
  • フリーソフト
    うわー、なんで今までこれ使ってなかったんだろ… フォント管理ソフト『Nexus Font』が増えすぎたフリーフォントの整理に役立ちすぎな件
    2014年3月17日
  • ニュージーランド
    【NZ】車1台で旅するニュージーランドノマドの1日はこんな感じ
    2017年3月7日
  • Windows
    VMware Playerで仮想マシンを勝手にサスペンドさせない方法
    2015年9月4日
  • 旅行
    【防音】ストレスフルな旅には米国製のMOLDEX耳栓を潜ませておくが吉
    2016年1月23日
  • Mac
    Macbook Air 11inchの持ち運び用ケースを買ってみた
    2013年3月10日
  • コマンド
    コマンドプロンプトの出力結果を表示+コピーする方法
    2013年9月9日
  • フリーソフト
    Internet経由で自宅のWinPC/Macにリモート接続できる「Splashtop Anywhere Access Pack」を購入してみた
    2015年9月30日
  • Kindle
    待ってた。 「Kindle for PC」で和書がようやくPC上で読めるようになったよ
    2015年1月30日

2013-1016-094817

WordPressにてよく使われる見出しのタグ、<H2><H3>ですが、
このタグを認識して自動的にリンク付きの目次を作成してくれるイカしたWordpressプラグインがありましたので導入してみちゃいました。

『Table of Contents Plus』というモノです。

スポンサードリンク

関連記事

Table of Contents Plus

WordPress Table of Contents Plus WordPress Plugins

プラグインをインストールし、有効化した時点で目次が作成されます。 が、個別記事に目次を表示したい場合はちょっとばかし初期設定が必要です。

初期設定

先ずはオプション画面へ。 設定→TOC+を選択します。

2013-1016-093134

個別記事で目次を表示したい場合は、Main OptionsからAuto insert for the following content typesの項目で「post」にチェックを入れましょう。

2013-1016-083114

初期状態では、ここは「page」のみチェックの状態になってます。

実際に導入してみるとこんな感じ。

さて、実際に生成される目次は、デフォルトだとこんな感じです。

2013-1016-092855

このテーマも、カスタマイズ可能です。 Presentationから好みのテーマを選択しましょう。 もう少し詳しいカスタマイズも出来ますね。

目次のポジション

目次を表示する場所も重要なポイントです。 このプラグインではPositionから下記の四通りの設定が可能。

Before first heading: 一番初めの見出しの前に表示。 デフォルト設定です。

After first heading: 一番初めの見出しの後ろに表示。

Top: 記事の一番上部に表示。

Bottom: 記事の一番下部に表示。

とりあえず四通りの設定が出来ますが、特にこだわらなければ、デフォルト設定が一番ベターかと思います。

見出しの数で目次の表示数を変える

Show whenの項目で、見出しの数を指定出来ます。
例えばここで「6」と指定すると、H3等のタグが記事内に5つ以下の場合は目次が生成されず、何も表示されなくなります。

あまり短い記事だと、確かに目次を表示する利点は薄れてくるので、ここで調整をすると良いと思います。

目次のタイトルを変更する

デフォルトでは「Contents」という名称で目次が生成されますが、ここも変更可能です。

Heading textから、表示したい文字列を入力です。

2013-1016-093917

一部の見出しタグを除外する

自動的に作られる目次ですが、それでも除外したい見出し等もあります。 そういった場合にもこのプラグイン、ちゃんと対応出来るんですねー。 さすが。

H3やH4など、特定の見出しタグを除外したい場合は、Advanced Optionからメニューを開き、Heading levelsから、目次に追加したくないタグのチェックを外すことで実現できます。

2013-1016-084534

2013-1016-095426

また、Exclude headingsでは特定の単語の入っている見出しを除外することも出来ます。

これだけ出来れば、定型的に挿入している見出しがあった場合も、簡単に除外出来るので目次に毎回入ってしまうことがなくなるので良い感じです。

スポンサードリンク

 

まとめ

こうしたプラグインって、単体で「もうこれひとつでいいんじゃないかな」という決定版とでも言うべきモノが存在しますが、目次の生成に関しては、このプラグインがまさしく決定版と言える出来栄えだろうと感じました。

目次の生成自体の利点にどういうものがあるのか、というところもありますが、やはりユーザビリティ的な観点から考えると、長い記事などは目次を一見することで、おおよその項目が把握出来るのは利点と言えるのではないでしょうか。

逆に言うと、普段からH3タグなどで見出しをこまめに作っておかないと、このプラグインを導入する利点は薄れて来てしまいますね。

実際、見出しを効果的に使うことは利用するユーザにとっても、また、SEOにも効果的という話も聞きますし、積極的に見出しは構成していくようにしましょう。