- 2008年6月 7日 土
- MovableType
自分のサイトの日記では、投稿日が土曜日だったら日付表示が青、日曜日だったら赤、になるようなCGIを使っています。
どーでもいいことなんでしょうけど、MovableTypeを使っても同じようにしたいっ!という欲望が高まりました(^-^;)。
投稿の日と曜日が「ブログ記事のメタデータ」のテンプレートで指定されていることは確認済みです。曜日に色を付けたければ、この部分をカスタマイズすればいいってことですね。
けれど、「ブログ記事のメタデータ」のデフォルトの中身をほとんど理解していません。こーなったらとにかく試してみるしかありません。
まず、<$MTEntryDate format="%x %A"$>の部分で日付表示されるワケですから、こいつをspanタグで括ります(デフォルトでもそうなってたのかな?)。次に、土曜日や日曜日の時にこのspanタグに色の属性を与えてやればいいってことですね。
ネットで調べた結果、Javascriptでできることが分かりました。どのサイトから拝借したのか忘れましたが、こういう記述でした。
<script language="JavaScript">
var dtw = '<$MTEntryDate format="%a"$>';
if( dtw.indexOf( "日" ) >= 0 ) {
document.write( '<span style="color:#FF7755;">' );
}else if( dtw.indexOf( "土" ) >= 0 ) {
document.write( '<span style="color:#7755FF;">' );
}else{
document.write( '<span>' );
};
</script>
EntryDateの曜日変数を%aで拾って、その値を比較して、土曜日だったら青色、日曜日だったら赤色をspanタグに与え、その他だったら色の指定はしないって記述ですね。
けど、よく考えたらこういうJavascriptは外部ファイルにした方がいいんですかねー。
作者様。もし、勝手にブログに載せたらダメでしたら、ご連絡下さい。
- Newer: 再構築の時間
- Older: MovableType向けアクセス解析