春木屋 HOME | 元記事
特徴 > 動作サンプル > 注意点 > ダウンロード > アップロード > その他

外部スクリプト：コメント・トラックバックリンクの振り分け

<!--rcomment-->、<!--rtrackback-->エリアに出力されるリンクリストを記事タイトルにぶら下がるツリー構造に書き換えます。

特徴

  1. FC2変数が以下の書式の場合に、記事ごとにコメント・トラックバックへのリンクをエントリタイトルごとに振り分けます。
    <ul class="hoge">
    <!--rcomment-->
    <li class="page">
    <a href="<%rcomment_link>#comment<%rcomment_no>"
    title="「<%rcomment_etitle>」へのコメント">
    <%rcomment_name> (<%rcomment_month>/<%rcomment_day>)</a>
    </li>
    <!--/rcomment-->
    </ul>
    例は<!--rcomment-->の場合です。個別コメントのアドレス、「親記事名」へのコメント（予約定型文）、投稿者名が必須項目になります。クラス名hoge,page 区切り文字などは任意。(<%rcomment_month>/<%rcomment_day>)の部分は<%rcomment_title>や<%rcomment_body>でもOK。ただし、<%rcomment_etitle>（親記事のタイトル）の場合はあまり意味がありません。
  2. 新しいリストはulでclassName: .treeが、 入れ子になった各リストの最後の項目liにclassName: .lastchildがそれぞれ設定されます。FC2管理画面から、このクラスを使ってユーザ独自の装飾（位置調整・背景画像など）が行えます。

動作サンプル

最近のコメント

↓

最近のコメント

注意点

  1. コメント（トラックバック）がひとつもない状態では何も行いません。
  2. 最新コメント（トラックバック）のついた記事が最上部に表示され、ネストしたリスト内は過去から新しいものへと並び替えられます。
  3. 管理画面→環境設定の変更→ブログの設定→コメントの表示の方法 が投稿の古い順（新着が最上部に表示される）に設定されていることが前提になります。
  4. <ul>専用ですので、使用テンプレートのコメント・トラックバックリストが<ol>、<dl>でマークアップされている場合はお問い合わせください。

    5. ダウンロード

    > tree_ul_2.js

    アップロード

    1. ”FC2管理画面”→”ファイルのアップロード”（ツール）→”アップロードするファイルの選択” と進み、jsファイルをアップロードします。
    2. ”FC2管理画面”→”テンプレートの設定”（環境設定）→”テンプレートの編集” と進み、現在選択されているスタイルの修正を開きます。
    3. ”HTMLの編集”の欄を以下のように編集します。（必須）
      <head>
      <meta http-equiv="content-type" content="text/html; charset=euc-jp" />
      <meta http-equiv="content-style-type" content="text/css" />
      <!-- 追加部分 始まり-->
      <meta http-equiv="content-script-type" content="text/javascript" />
      <!-- 追加部分 終わり-->

      <link href="<%css_link>" rel="stylesheet" type="text/css" />
      <link rel="alternate" type="application/rss+xml" title="RSS" href="<%url>?xml" />

      <!-- 追加部分 始まり-->
      <script src="<%url>file/tree_ul_2.js" type="text/javascript"></script>
      <!-- 追加部分 終わり-->

      <title><%blog_name><%sub_title></title>
    4. 次にスクリプト呼出し側の設定をします。（必須）
      <ul>
      <!--rcomment-->
      <li class="page">
      <a href="<%rcomment_link>#comment<%rcomment_no>"
      title="「<%rcomment_etitle>」へのコメント">
      <%rcomment_name> (<%rcomment_month>/<%rcomment_day>)</a>
      </li>
      <!--/rcomment-->
      </ul>
      <script type="text/javascript">
       tree();
      </script>

    その他

    関連記事

    更新日 2005-09-02
    作成日 2005-08-07
    ©2004-2005 FC2