【Javascript】プラグインまたちょっくら触ってみた

どんなのがいいかな

• カテゴリを表示を表示する
• カテゴリごとに記事を表示する
• カテゴリ内の記事は投稿日時（降順）にする
• 新しい記事に「New」をつける

れっつ改造！

1. <!--recent-->ループではカテゴリが取れない
2. ループで渡ってくる順番が投稿日時の降順
3. 記事タイトルの【】が邪魔

<!--recent-->ループではカテゴリが取れない

ループで渡ってくる順番が投稿日時の降順

AAAA

　08/20 △△△△

　08/22 ○○○○



BBBB

　08/21 ××××

AAAA

　08/22 ○○○○

　08/20 △△△△



BBBB

　08/21 ××××

<script type="text/javascrpt">

<%!--topentry--<

  var category   = '<%topentry_category>';

  var target       = $('.recent_category[title="' + title  + '"]'); // カテゴリのタイトルで対象を特定します。

  var categories = $('.recent_category'); //カテゴリのリストを取得します。

  var node_set   = false; //記事リンクをセットするかどうかのフラグを管理します。初期値はfalse（セットしない）。

  $.each(categories, function(idx, c) {

    var title = c.getAttribute('title');

    if ( node_set ) {

      var t = $('.recent_entry[title="' + title + '"]');

      t.before(entry) //entryは省略しましたが、記事リンク本体だと思ってください。

    }

    if ( title == target ) { node_set = true }

  })

  if ( node_set ) { $('#recent-entries').append(entry) }

<%!--/topentry-->

</script>

08/20 △△△△「・・・？」



AAAA

　08/22 ○○○○



BBBB

　08/21 ××××

AAAA

　08/22 ○○○○

　08/20 △△△△



BBBB

　08/21 ××××

記事タイトルの【】が邪魔

<script type="text/javascript">

  var original_text = '【test】AAAAAAAAAAAAAA';

  var text          = original_text.replace(/【.*】/, '');

</script>

「New」マークの表示設定

• 一番最新の記事のみに表示する
• 投稿日時から24時間のみ表示する