Home > MovableType > 曜日の色を変えたい

曜日の色を変えたい

  • 2008年6月 7日 土
  • MovableType
  • この記事をはてなブックマークに追加 この記事ををYahoo!ブックマークに追加" このエントリーをlivedoorクリップに追加 このエントリーをニフティクリップに追加 Buzzurlにブックマーク

自分のサイトの日記では、投稿日が土曜日だったら日付表示が青、日曜日だったら赤、になるようなCGIを使っています。

どーでもいいことなんでしょうけど、MovableTypeを使っても同じようにしたいっ!という欲望が高まりました(^-^;)。

投稿の日と曜日が「ブログ記事のメタデータ」のテンプレートで指定されていることは確認済みです。曜日に色を付けたければ、この部分をカスタマイズすればいいってことですね。

けれど、「ブログ記事のメタデータ」のデフォルトの中身をほとんど理解していません。こーなったらとにかく試してみるしかありません。

まず、<$MTEntryDate format="%x %A"$>の部分で日付表示されるワケですから、こいつをspanタグで括ります(デフォルトでもそうなってたのかな?)。次に、土曜日や日曜日の時にこのspanタグに色の属性を与えてやればいいってことですね。

ネットで調べた結果、Javascriptでできることが分かりました。どのサイトから拝借したのか忘れましたが、こういう記述でした。

<script language="JavaScript">
var dtw = '<$MTEntryDate format="%a"$>';
if( dtw.indexOf( "&#26085;" ) >= 0 ) {
document.write( '<span style="color:#FF7755;">' );
}else if( dtw.indexOf( "&#22303;" ) >= 0 ) {
document.write( '<span style="color:#7755FF;">' );
}else{
document.write( '<span>' );
};
</script>

EntryDateの曜日変数を%aで拾って、その値を比較して、土曜日だったら青色、日曜日だったら赤色をspanタグに与え、その他だったら色の指定はしないって記述ですね。

けど、よく考えたらこういうJavascriptは外部ファイルにした方がいいんですかねー。

作者様。もし、勝手にブログに載せたらダメでしたら、ご連絡下さい。

Comments:0

Comment Form

画像の中に見える文字を入力してください。

Trackbacks:0

TrackBack URL for this entry
http://plumsbook.com/cgi-bin/mt/mt-tb.cgi/825
Listed below are links to weblogs that reference
曜日の色を変えたい from サイトリニューアル奮闘記 - 『ぷらむずぶっく』

Home > MovableType > 曜日の色を変えたい

Search
Calendar
« 2008 6 »
S M T W T F S
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30          
Feeds


ジオターゲティング
Started to count from
2008.10.01

Return to page top