トレンドブログは、始めてもう3年ぐらいになる。トレンド記事を探すのが苦手だという事がわかってから、のらりくらり1~2記事書いて、アドセンス収入が月1~2万というしょぼいサイトだ。。

2年前ぐらい前から、なんとなく現れた目次付きのブログ。最初はそれほど気にしていなかったが、最近は、ほとんどのブログに目次が載っているのに気が付いた。

自分が参考にしていた3年前の無料マニュアルには「目次」を入れる、なんて項目はなかったが、なんとなく入れてみたくなった。

※ちなみに…
このブログのテーマ「権威 7.0スタンダード版」には、目次の生成機能が付いている。
記事投稿の左下の方についているので、使う使わないは自由だ。

プラグインはTable of Contents Plus

いつものように参考ブログを
『WordPress Theme Search』⇒http://whatwpthemeisthat.com/

で調べてみると7割ぐらいの人が、「Table of Contents Plus」というプラグインを使っている。

「使いやすい」「設定が楽」という理由から使われているらしいこともわかった。

なので自分も挑戦。

インストール

1 新規プラグインでインストール

2 有効にすると…

3 インストール済みプラグインの中に「Table of Contents Plus」
設定の中には「TCO+」という項目が加わる。

設定

設定方法は、私が文字で書くより、お勧めののサイトがあった。

「WEB企画LABO」さんのサイトの

【記事に目次を自動作成するWordPressプラグイン「Table of Contents Plus」使い方・設定】
※リンクは貼っていません。個人で「サイト名」「記事タイトル」を検索してみてください

が、わかりやすくてお勧め。

とにかく、目次が付いただけでもちょっと立派なブログになった気がした。

左寄りの目次を中央にしたい!

目次を入れたばかりの時は気にならなかったがパソコンで見ると

「最初に置く画像が中央」で

その下にある「目次が左寄り」

その下の「アドセンスが中央

という位置のズレが、なんとなく気になってた。

(スマホでブログを見る場合は、この3つの大きさは、いずれもほぼスマホ幅なので、位置のずれはなくなり全然気にならない。自分のブログユーザーは、ほぼスマホだし、他のブログも目次は左にあるのがほとんどで、気にしなければ、気にないのだが…)

そこで、中央にする方法を探してみたら、簡単に直す方法を見つけた。

参考にしたのは…

「お役立ち.xyz」
【table of contents plusが中央表示されないからやったこと】

※ (*^▽^*) 許可を頂きました。
クリックをどうぞ! お役立ち.xyz

これは、テーマの「CSSをカスタマイズする方法」

CSSと聞くと“面倒なんじゃないか?”と思われる方もいるかもしれない。

が、例えば私が別のブログで使っている無料テンプレート「Simplicity2」は、カスタマイズの項目に「追加CSS」という項目があって、ここに指定されたコード(中央に配置するCSS)を入れるだけで、簡単に目次を真ん中よりに変更することが出来た

これで、ブログがなんとなく、落ち着いた。満足!

尚、記事には「Table of Contents Plus」のインストール方法や「目次の角を丸くするコード」も載っているので、参考にしてみてください。 お役立ち.xyz