HPの改善② ブログに目次を追加しました

こんにちは、林個別指導塾です。

今回はホームページの改善として、ブログに目次を追加しました。

目次の作成方法

今回は「Easy Table of Contents」というプラグインを追加することで、目次を作成しました。

プラグインを有効にするだけで各投稿、固定ページに目次が作成されます。

過去に作成した記事も一気に目次が生成されるのでかなり楽です。

行った設定変更

基本的にプラグインを有効化するだけで目次として成立するのですが、今回はいくつかの設定を変更しました。

見出しラベルの変更

目次の見出しラベルは、初期設定では「Table of Contents」になっています。

こちらを「目次」に変更しました。

タイトル文字の太さを変更

初期設定では「Medium」になっているものを「Semi Bold」に変更しました。

初期設定のままでも見やすいですが、もう一段階太いほうが自分的には好みでした。

幅、アライメントの変更

幅 Auto ⇒ 50%へ
アライメント なし ⇒ Centerへ

変更をしました。

目次に含まれる見出しレベルの変更

初期状態では見出し１～見出し６までが目次に含まれる対象になっています。

これを見出し２、見出し３のみを対象に変更しました。

出来上がったもの

出来上がったものはこんな感じです。

これからもより見やすいホームページを作成するために随時改善を行っていきます。