2010年03月21日

2010 03.21 Sun


サイドバーに表示するコメントを古い順に表示するカスタマイズ方法が解説されていましたので、紹介したいと思います。

(fujiralogさんより引用)
最近のコメントのツリー表示(Seesaa BLOG カスタマイズ)

まず、デザイン > コンテンツ を選択し、
コンテンツ一覧の中の「最近のコメント」をクリックして下さい。
「最近のコメントの設定」というのが出てきます。
さらに、右上の方にある「コンテンツHTML編集」をクリックして下さい。
「HTML」というフィールド内に、
「<% content.header -%>」という一行があるので、

その次の行に以下のソースを挿入します。
<script type="text/javascript" language="javascript">
<!--
var lc = 0;
var sarray = new Array();

function setText(s){
sarray[lc] = s;
lc++;
}

function writeText(n){
var L = sarray.length;
if(n > L)document.write("└&nbsp;&nbsp;&nbsp;&nbsp;:<br />");
for(i=0;L-i>0;i++){
document.write(sarray[L-i-1]);
}
}

function initText(){
lc = 0;
sarray = new Array();
}

-->
</script>



次に、以下のような記述がある部分を見つけて下さい。

<% if:content_recent_comment.type == 1 -%>
<% loop:list_article -%>
<a href="<% article.page_url %>#comment"><% article.subject | tag_strip %></a><br />
<% loop:list_article_child -%>
 ⇒ <% article_child.writer %> (<% article_child.createstamp | date_format('%m/%d') %>)<br />
<% /loop -%>
<% /loop -%>
<% /if -%>



これを、まるごと以下のソースに置き換えて下さい。

<% if:content_recent_comment.type == 1 -%>
<% loop:list_article -%>
・<a href="<% article.page_url %>#comment"><% article.subject | tag_strip %></a><br />
<script type="text/javascript" language="JAVASCRIPT">
<!--
initText();
<% loop:list_article_child -%>
setText("└ <% article_child.writer | nl2br | tag_strip %> <a href='<% article_child.article.page_url %>#<% article_child.id %>'>(<% article_child.createstamp | date_format('%m/%d') %>)</a><br />");
<% /loop -%>
writeText(<% article.children_count %>);
// -->
</script>
<noscript>
<% loop:list_article_child -%>
└ <% article_child.writer | nl2br | tag_strip %> <a href="<% article_child.article.page_url %>#<% article_child.id %>">(<% article_child.createstamp | date_format('%m/%d') %>)</a><br />
<% /loop -%>
</noscript>
<% /loop -%>
<% /if -%>



これで、

・エントリー名
└ コメント 1
└ コメント 2
└ コメント 3
 :

という風に、新しいコメントほど下に表示されるはずです。
JavaScript を off にすると、


・エントリー名
 :
└ コメント 3
└ コメント 2
└ コメント 1

という風に、通常通り新しいコメントから順に表示されます。




loopタグの処理をスクリプトを使用して上に書き換えるようです。

これを応用して、カテゴリー一覧ページや過去ログ一覧ページにて、エントリ記事を時系列で古い順番に並び替えられないものかと模索中です。

お疲れさまでした。
参考になりましたらソーシャルメディアで共有してくださいませ。
posted by こさめ
edit  re
この記事へのトラックバックURL
http://blog.seesaa.jp/tb/144209030
※言及リンクのないトラックバックは受信されません。

■ この記事へのトラックバック
カテゴリ
インターネット>ブラウザ・WEBメール(24)
インターネット>Firefoxアドオン、設定(15)
インターネット>Proxomitronフィルター(32)
インターネット>ブログ、WEBサービス(53)
インターネット>アフィリエイト・ポイントサイト(27)
インターネット>楽天、ポイントあれこれ(5)
インターネット>Windows最適設定(32)
インターネット>インターネット設定(17)
インターネット>デスクトップ改造・拡張(7)
インターネット>セキュリティソフト(6)
ブログカスタマイズ>カテゴリー、記事一覧系(38)
ブログカスタマイズ>jQuery(Script)文字系(23)
ブログカスタマイズ>CSS(Script)デザイン(28)
ブログカスタマイズ>ブログパーツ(7)
ブログカスタマイズ>携帯モバイル系(3)
ブログカスタマイズ>SEO・アクセスアップ(31)
マルチメディア>Brackets(5)
マルチメディア>画像系ソフト(6)
マルチメディア>DVD・動画プレイヤー(15)
マルチメディア>動画編集ソフト(6)
マルチメディア>音楽再生プレイヤー(16)
マルチメディア>ネットラジオ配信・編集(3)
マルチメディア>P2Pテレビソフト(4)
マルチメディア>おもしろ動画・感動動画(25)
デザイン>フリー素材 画像(5)
デザイン>HP・ブログ フリー素材(6)
デザイン>イラスト(非素材)(8)
デザイン>作詞作曲編曲MP3(5)
雑記>PC部品・音楽機材(7)
雑記>映画・アニメ・漫画・芸能(14)
雑記>どうでもいい雑学知識(6)
雑記>ゲーム(6)
雑記>スマホ・携帯電話(6)
雑記>カーナビ・ETC(3)
雑記>ネット銀行とか(2)
雑記>18禁?ちょいエロネタ(3)

 (C) 2006 - kosame All rights.