目次は長い間テーブルタグで自作していたけど、未熟な自分では時間が凄く掛かるので悔しいけどプラグインを導入することにしました。Plus』という目次を自動生成してくれるプラグインを導入したけど、何故最初から使わなかったのかが意味分からないぐらいの優秀なアプリでした。目次はSEOにも好影響を及ぼすようなので、自動化で時間短縮できると非常に捗ります。冒頭でも言った通り、プラグインを導入するだけで記事に自動で目次を挿入してくれるプラグインです。記事内のh1からh6までの見出しタグを読み込んで階層に分けた目次を自動で生成してくれます。h3はh2の階層に入るように表示されている。デフォルトだとこのようにWikipedia風の目次ですが、デザインはその他にも4種類のテンプレートが用意されている他に、自分でアレンジしたテンプレートを使用することも可能です。Plus』のインストールと基本的な設定方法を説明します。Plus』と検索しするとこのプラグインが見つかると思うので、インストールして有効化してください。有効化した時点で投稿された全記事に既に目次が挿入されています。TOC+」と進み設定画面へ行きます。わからなくなるので覚えておきましょう。Position目次を挿入する位置を設定できます。記事の最後となっています。自分はデフォルトにしています。When見出しタグが何個以上あるかで目次を生成するか否かを決めることができます。自分はあまり見出しが少ないと目次を作る意味も無いと思うので、見出しが三個以上あるときに目次を生成するようにしています。typesコンテンツのタイプによって目次を挿入するかどうかを決めることができます。7」というプラグインを使っている人だけ表示される)基本的に投稿記事のみでいいでしょう。text目次に表示する文字を設定できます。自分はご覧のとおり日本語で統一しています。hierarchy目次を階層表示にすることができます。見やすいのでチェック推奨です。items目次に番号をふるかどうかを決めることができます。こちらもチェックをいれて損はないでしょう。effectチェックを入れると目次から該当の見出しに飛ぶときに「ぬるっ」と動きます。自分は重くなりそうで使っていませんが、自分の目で確認してみて好みで決めましょう。Appearance目次の横幅、位置、文字サイズを決めることができます。Presentation好みのテンプレートを使用できます。気に入るものが無くても右下のCustomで好みに設定できます。levels」のみでいいです。チェックを入れることで指定の見出しタグを非表示にできます。「目次に表示するのはh3まででいいや」と思ったらh4,h5,h6のチェックを外しましょう。自分は基本的にh4ぐらいまでしか使わないことにしているので設定はそのままにしています。基本的な設定は以上です。自分に最適な設定を見つけましょう。Plus』を導入すると投稿した全記事に目次が表示されますが、中には目次を入れたくない記事もありますよね。段階的に順を追って説明していきたいような記事や、オチやネタバレがあると台無しになってしまう記事です。いった場合はショートコードを使用することで目次を表示しない設定にできます。目次を表示させたくない記事に[no_toc]を記入[no_toc]1[no_toc]というショートコードを記事内の何処でもいいので記入することで、その記事は目次が生成されることは無くなります。逆に,[toc]1[toc]というショートコードも使用することができます。これは記入した記事にのみ目次を表示させることができるコードです。普段は目次はいらないけど、たまには使いたいという人はこちらのショートコードを使用するのが良いでしょう。あとがき目次は勉強も兼ねてずっとテーブルタグで作っていたけど、最近は記事を書く時間を短縮するように心がけているので、その関係もあってプラグインに頼ることにしました。Plus』を使ってみて思ったけど、これはWordpressを初めた段階で入れたほうがいいプラグインだと思います。途中から導入すると、既存の目次があった場合に色々と面倒なことになるので。TweetPocketブログ論SNSでもご購読できます。TwitterでフォローするFeedlyでフォローするリブログネット最後まで読んでいただきありがとうございました。当ブログでは「読む・書く・考える」を中心テーマに記事を書いています。記事に対するご指摘・質問等があればお問い合わせフォーム、もしくはTwitterまでご連絡ください。SNSでのフォローも大歓迎です。「読む・書く・考える」の三本柱をテーマにブログを運営しています。本の感想的なモノを書くことが多いですが、違うジャンルも書きます。2016年2月に月間10万PVを達成。2018年1月19日お問い合わせ各種お問い合わせはこちら。reserved.プライバシーポリシ。