Kawara.Parts

Kawara.Recents

最近の投稿を表示するパーツです。

さくっと

以下を貼り付けてください。

<script type="text/javascript" src="http://k.osx.cc/parts/KawaraRecents.js"></script>
<script type="text/javascript"><!--
Kawara.Parts.load();
//--></script>
以下のように表示されます。

出力されるHTMLの構造

上がそこそこ綺麗に表示されているのは、スタイルシートのおかげです。
たぶんそのままだと崩れたりすると思います。
HTMLの構造とクラス指定は次のようになっています。

<div class="entry-block">
  <div class="entry-info">
    <span class="entry-created">[% 日付 %]</span>
    <span class="entry-permalink">[% permalink %]</span>
  </div>
  <h2 class="entry-content">[% タイトルリンク %]</h2>
  <div class="entry-comment">[% コメント %]</div>
  <div class="entry-comment">[% コメント %]</div>
</div>

件数指定

limit:数字と書くと、表示件数を指定する事が出来ます。

<script type="text/javascript" src="http://k.osx.cc/parts/KawaraRecents.js"></script>
<script type="text/javascript"><!--
Kawara.Parts.load({limit:3});
//--></script>
デフォルトは10件になっています。

表示先指定

表示先のHTML要素を変更する事が出来ます。

<script type="text/javascript" src="http://k.osx.cc/parts/KawaraRecents.js"></script>
<script type="text/javascript"><!--
Kawara.Parts.load({target:'test'});
//--></script>
id="test"が指定されている要素の中に展開されます。
デフォルトでは、Kawara.Parts.load()が書かれている場所に、div#kawara-parts-KawaraRecentsを作ります。
© 2010 iTools.jp