知識なしWebサイト運営

【WING(AFFINGER5)アフィンガー5】プラグインTable of Contents Plusで目次を付ける【おすすめプラグイン】

2019年10月27日

WING(AFFINGER5)アフィンガー5で目次

今回はWordPress(ワードプレス)プラグイン『Table of Contents Plus』の導入~設定を紹介したいと思います。

実は先週かもう少し前に調べて既に入れておりましたが、入れるまでの目次で苦労しすぎてしまい『Table of Contents Plus』を入れたら一瞬で解決してしまったので

すっかりその苦労を忘れておりました。忘れたというか思い出したくなかったのかもしれませんが…

きっかけは『WING(AFFINGER5)アフィンガー5』を使っておりますが、目次を入れようと調べると『SUGOI MOKUJI(すごいもくじ)』が購入特典で付いているという記事が多くその解説ばかりでしたが購入時期の関係か私のにはそれが付いておりません。

「SUGOI MOKUJI(すごいもくじ)凄すぎて神!」なんてコメントも目に入りましたが私のところには神不在です!

ワードプレスの通常の目次を入れるしかないかと目次を入れると階層がデフォルトでは表示されず、リンクもIDを付けて手動で入力、階層の入れ方のHTMLを調べ学びましたが

こんなものを毎回記事に入れるとなると記事の中身が多いものだと目次を準備するだけで2時間はかかるなと2~3日途方に暮れていました。

が、しかしテキスト入力の「目次(TOC+)」というのを発見してこれで何か起こるのかもと空のページに入れてみましたが、空のページに虚しく【TOC+】とだけ表示されておりました。

【TOC+】を検索してようやく今回の『Table of Contents Plus』にたどり着くわけです。

 

Table of Contents Plusだって簡単すぎて神!

悔しさから少し見出しで対抗しておりますがご容赦ください。

プラグイン→新規追加の検索で『Table of Contents Plus』を入力します。

一番上には違う目次プラグインとみられるものが表示されましたがこちらの知識がありませんので一旦スルーして下にスクロールしていくとかなり下で発見できます。

下の画像では画面表示を50%で1ページ目に写りました。

今すぐインストール→有効化します。

 

プラグインの詳細を開いてみると最終更新は4年前となっており「大丈夫なのか?」と一瞬は思いましたが

4年前にすべてが完成しているのであれば更新する必要がないという捉え方もできます。

 

設定

赤枠で目次の位置を見出しの前か後かや上下が選択でき見出しが何個以上あったら表示するかという設定ができます。

緑枠は目次の自動挿入の設定で「post」は投稿記事「page」は固定ページとなります。必要に合わせて✔を入れてください。

記事以外の項目は必要ないと思いましたので知識がありませんが必要な方は調べてみてください♪

オレンジ枠はタイトルを表示するか、タイトルをどう表示するか、表示非表示の切り替えとそのテキストの設定です。

青枠で階層表示と番号振りとスクロールかジャンプかを選ぶことができます。

この画像の下に番号振りに関してのサンプルを貼りますので必要に合わせて選択してください。

 

 

サンプル1 番号振り✔

 

サンプル2 番号振り✔なし

 

設定の続き

先ほどの設定画面を下へスクロールした箇所の設定を説明します。

ピンク枠で目次の横幅が変更できます。デフォルトは割と小さめな印象だったので画像にあるようにユーザー指定80%としました。文字のサイズはデフォルトです。

プレゼンテーションは好みの色が設定できますので記事の背景などにに合わせてみてください。

※上級者向けの箇所は展開するとどの見出しに付けるかを変更することができます。見出し2と見出し3は付けたいけど見出し4以降は付けないなどある場合に設定してください。

以上で完成です!

 

最後に

目次があるかないかで読みやすさが格段に違いますしどれだけ内容が魅力的な記事でも見やすくないという時点で魅力的ではなくなってしまいます。

知りたい情報にすぐにアクセスできるというのは見る側から考えたら非常にありがたく当たり前であって欲しい機能だと思います。

目次はまだと言う方がおられましたらぜひ使ってみてください。

見出し前に目次が付きますのでどうしても表示させたい内容がありましたら見出しの前に入れると一番はじめに表示されます。

少しでも誰かのお役に立てましたら幸いです。

 

 

-知識なしWebサイト運営

Copyright© 『誰かの役に立つ』が家族のシアワセに@兼業主夫 , 2019 All Rights Reserved.