元バンドマンが音楽活動再開して余生を生きてます

るしるし

ブログ/HP作成

Table of Contents Plusでブログに目次を設置する。

投稿日:

 

るしる(@aromusica)です。

今更何ですが、ブログに目次を設置しました。

 

今回Wordpressのプラグイン「Table of Contents Plus」の使い方をメモしておきます。

ちなみに完成品が下に表示されている目次です。

 

スポンサーリンク

Table of Contents Plusをダウンロードする。

WordPressの「プラグイン」→「新規追加」をクリックします。

「Table of Contents Plus」を検索します。

 

 

「今すぐインストール」をクリックし、インストールが終わったら「有効化」をクリックします。

 

Table of Contents Plusの設定

WordPress管理画面「設定」→「TOC+」をクリックすると、設定画面が開きます。

 

基本設定

表示する場所やデザインなどの設定が出来ます。日本語で説明が書かれているので入力しやすいと思います。見出しテキストを変えたぐらいで後はデフォルトのままにしてあります。

 

基本設定画面一番下に「上級者向け」の項目があります。

 

ここでは目次に表示する見出しの設定もあります。

設定が終わったら最後に「設定を更新」をクリックします。

 

サイトマップ

Table of Contents Plusでは読んでくれる人向けのサイトマップも作成出来ます。

 

ここで設定をし、固定ページでタイトルを「サイトマップ」にしてショートコードを貼り付けるだけ。

 

目次表示の場所をカスタマイズする。

基本設定の外観「回り込み」で目次の表示位置を設定できるのですが、左と右しかない(自動も左です)これを中央に表示させる場合は、CSSをカスタマイズします。

カスタマイズする前にバックアップを取ってから行ってください。

 

まずTable of Contents Plusの基本設定で外観の「回り込み」をデフォルトにしておきます。

 

子テーマのスタイルシート(style.css)の一番下に以下のコードを貼り付けます。

 

コードを貼り付けたのに反映されない時はキャッシュを消して確認してみてください。

 

まとめ

前々から作ろうと考えていたんですが、DTM関連の記事を書くときに項目が増えるのもあって、見やすくするためには初期の時点で導入すべきでした。

目次をクリックして読む方も多いそうですし、プラグインの導入、設定はとても簡単ですので、これからブログを始める方は早めに設置した方がいいです。

 

読みやすいブログ作りも200記事超えたことですし、しっかり取り組んでいきたいと思います。

アディオス!

 

この記事が気に入ったら
いいね ! しよう

Twitter で

    関連記事    


-ブログ/HP作成
-

Copyright© るしるし , 2017 All Rights Reserved Powered by AFFINGER4.