新しい投稿に"new!"を、一定期間表示

記事の新着マークがあると、新鮮度がぐんとアップしますよね。
SEO的にも、ユーザビリティ的にも、効果は高いです。

MTで新着表示をつけてみたので、ご紹介します。

①</head>直前に以下を記述

<script type="text/javascript">
<!--
function newM(y,m,d)
{
newday=new Date(y+"/"+m+"/"+d);
oldday= new Date();
n=(oldday-newday)/(1000*60*60*24);
if (n <=3)document.write("new!");
}
//-->
</script>

これで、投稿3日以内に"new!"マークがつきます。
日数を調整したい時はif (n <=3)の数字をカスタマイズします。

②new!マークを入れたい場所に以下を記述します。

<script type="text/javascript">newM(<$mt:EntryDate format="%Y,%m,%d"$>)</script>

------------------
①の記述をちょっとカスタマイズ。
<span>でスタイルシートを指定することが出来る、<img ~>タグで画像アイコンも対応可、ということですが、私が今回触ったコードはかなり複雑にスタイルシートが敷いてあって、新しいスタイルを効かすための作業がめんどくさかったので( ̄Д ̄;)、Javascriptに直に書き込みました。ちょっとした指示だったので。

<script type="text/javascript">
<!--
function newM(y,m,d)
{
newday=new Date(y+"/"+m+"/"+d);
oldday= new Date();
n=(oldday-newday)/(1000*60*60*24);
if (n <=3)document.write("&nbsp;new!".fontcolor("red").fontsize(2));
}
//-->
</script>

これで、文字色赤、フォントサイズ2に指定OKです。

コメントの投稿

トラックバック

トラックバック:URL http://watase.bz/mt/mt-tb.cgi/140