記事のページにのみ目次を付与する - 準備編(3) - Bloggerの記事に目次をJavaScriptで自動的に付与する

この記事は「そうだ！Bloggerの記事に目次を付けよう！」から始まる一連の「Bloggerの記事に目次をJavaScriptで自動的に付与する」シリーズの構成記事です。
記事一覧はページ下部の「Bloggerの記事に目次をJavaScriptで自動的に付与するシリーズ」よりどうぞ。

さて、記事に自動的に目次を付与する場合、記事の全文が表示されているページだけに表示したいと考えています。Blogger のトップページでいくつか記事が並んでいる場合には、目次は表示させたくないと考えています。


その場合、Bloggerのコマンドタグを使用し、以下のように記載します。（Blogger のHTMLのカスタマイズで使用できるHTML生成の制御方法です。）

投稿ページにのみ目次を表示する

<b:if cond='data:blog.pageType == "item"'>
   <!-- 目次の生成コード -->
</b:if>

これで、Blogger のトップページでは目次を表示せず、投稿ページでのみ目次を表示することができます。


次は、とりあえず目次というテキストを挿入する方法を実践します。

参考文献

コンピュータ系サラリーマンブログ: GoogleブログBlogger： 特定ページのみにhtmlソースコードを記述する方法

「Bloggerの記事に目次をJavaScriptで自動的に付与する」シリーズ

• そうだ！Bloggerの記事に目次を付けよう！
• 記事の要素の調査 - 準備編(1) - Bloggerの記事に目次をJavaScriptで自動的に付与する
• ページを開いたときに自動的に目次を付与する - 準備編(2) - Bloggerの記事に目次をJavaScriptで自動的に付与する
• 記事のページにのみ目次を付与する - 準備編(3) - Bloggerの記事に目次をJavaScriptで自動的に付与する
• とりあえず目次というテキストを挿入してみる(テスト環境) - 実践編(1) - Bloggerの記事に目次をJavaScriptで自動的に付与する
• とりあえず目次というテキストを挿入してみる(実際の環境) - 実践編(2) - Bloggerの記事に目次をJavaScriptで自動的に付与する
• とりあえず見出しを列挙してみる(テスト環境) - 実践編(3) - Bloggerの記事に目次をJavaScriptで自動的に付与する
• とりあえず見出しを列挙してみる(実際の環境) - 実践編(4) - Bloggerの記事に目次をJavaScriptで自動的に付与する
• 見出しにアンカーを付与し、目次から見出しへジャンプできるようにする(テスト環境) - 実践編(5) - Bloggerの記事に目次をJavaScriptで自動的に付与する
• 見出しにアンカーを付与し、目次から見出しへジャンプできるようにする(実際の環境) - 実践編(6) - Bloggerの記事に目次をJavaScriptで自動的に付与する
• シリーズ完結 - 最適化済みサンプル配布 - Bloggerの記事に目次をJavaScriptで自動的に付与する