新着記事一覧を作る LivedoorBlog

先日のトップページリニューアルで、一番上の目立つところに新着記事一覧を付けてみました。リニューアル前に比べてメニューのサイズが大きくなり、新着記事が少し遠くなった為です。もちろん記事を投稿すると自動的に更新されます。

このカスタマイズはすごく簡単に出来ます。トップページに表示されている新着記事のタイトルのみを表示しているだけなんです。

具体的なHTMLはこんな感じ。

<IndexArticlesLoop>
<a href="<$ArticlePermalink$>"><$ArticleTitle
ESCAPE$></a>(<$ArticleDate$>)
</IndexArticlesLoop>

これをDIVでくくったり、リストマークを付けたりして体裁を整えればらしくなります。

<IndexArticlesLoop>は「Blogの設定」の「トップページへの表示形式」で設定された記事の数だけループするタグのようです。<$ArticleTitleESCAPE$>は記事のタイトルを表示するようですね。<$ArticleDate$>はあっても無くても良いですが、記事が投稿された日付を表示します。

単にインデックスページのHTMLからタグをコピーして余計なタグを消したらうまくいきました＾＾

今のところ、別に新着記事一覧を作らなくても、ちょっと下にスクロールすれば記事本体があるのですが、新着記事一覧があるとメニューのほかにもいろいろとトップページに置けそうな気がします。

Comments

ご無沙汰しております。tetsuです。

ここ最近、別のblogを立ち上げていたため、遠ざかっておりました。

早速ですが、お知恵を拝借したいことがありまして。

新着記事一覧の横に、【NEW】の文字が点滅しておりますが、

これはどのようにすれば、このようにできるのか、

教えて頂きたいのですが。よろしくお願い致します。

もしよければ、私のblogに遊びに来てください。


tetsu（ビール大好き！ビールの美味しい飲み方発掘）

Posted by tetsu at 2005年06月02日 00:01

tetsuさん、こんばんわ。
Newの文字はただのGIFファイルですよ。どこかの素材屋さんで見つけたものを使わせてもらってます＾＾

Posted by hammer at 2005年06月03日 22:19

hammer77様　こんばんは。

お礼が遅れてすみません。

ご回答のコメントを頂き、有難うございます。

近々時間があるときに、腰を据えてチャレンジしてみます。

成功したら、またお礼のコメントをさせて頂きます。

では。

（今日もクリックでの応援をさせて頂きました）


tetsu（ビール大好き！ビールの美味しい飲み方発掘）

Posted by tetsu at 2005年06月07日 23:42

腰をすえるほどのことじゃないですよ＾＾フリーの素材を使わせていただいているだけですから。

tetsuさんにとっては簡単だと思いますよ＾＾

Posted by hammer at 2005年06月09日 21:13

コメントお待ちしています。こちらではコメント認証もコメント保留も行っておりません。お気軽にコメントください＾＾