【暫定版】各記事のコメントも目次化するJavaScript

各記事のコメントも目次化する方法です。今のところIE8以下は非対応です。当サイト作者が作成した次のテンプレートについてです。

概要

  1. 読み込む外部jsファイルを変更するだけで、各記事についたコメントも目次化できます。

  2. 記事ページ(URLがblog-entry-数字.html)の、本文内およびサイドバー下部の両方の目次が対象です。

メリット

  1. ページ内目次により、最新のコメントまで一気にスムーススクロールで飛べます。

  2. サイドバー下部の目次により、コメント読み返しなどの利便性が向上します。

デメリット

  1. コメントが非常に多い場合、目次が冗長になります。特にページ内目次は、「一体どこまで目次が続くんだ?」と読者に思わせてしまうかもしれません。

  2. ページ内目次にはデフォルトで非表示機能があります。この機能で冗長な目次を非表示にできます。よって、デメリット解消につながるかと思います。

テンプレートのHTMLを編集

  1. HTML内で外部jsファイルを読み込んでいる次の部分を探します。

    
    <script type="text/javascript" src="http://blog-imgs-44.fc2.com/c/u/s/customtemplate/120525-script2.js"></script>
    
  2. 上記コード内の525604に変更します。数字には深い意味はありません。単に、スクリプトを作成した日付を6桁で付加しているだけです。

    
    <script type="text/javascript" src="http://blog-imgs-44.fc2.com/c/u/s/customtemplate/120604-script2.js"></script>
    

このスクリプトの位置付け

  1. テンプレートの改訂で、この機能がデフォルトになるかもしれません。別の機能も盛り込むかもしれません。はたまた立ち消えになるかもしれません。暫定版です。

以上です。不具合がありましたらご連絡いただけますと幸いです。

関連記事
(この一行は、各記事の最後に固定表示するサンプルです。テンプレートを編集して削除もしくは非表示にしてください。)
スポンサードリンク
(この一行は、各ページ下部に固定表示するサンプルです。テンプレートを編集して削除もしくは非表示にしてください。)