wp-calendar.gif これがスマートな方法かどうか素人にはわかりませんが、一応、カレンダーの曜日の背景色を変えることが出来ましたので、ここにメモしておきます。

まず、次のプラグインを使いますのでインストールしておきます。まだ、有効化はしません。
休日表示付きリアルタイムカレンダー for WordPress v1.9: 小粋空間

このプラグイン・フォルダーの中で、2つのファイルを手直しします。
1つ目は、「util.js」です。青色の所を換えたり付け加えたりします。

function setWeekColor() {
    var calendar = document.getElementById('wp-calendar');
    if (!calendar) return;
    var th = calendar.getElementsByTagName('th');
    for (i = 0; i < th.length; i++) {
        if (th[i].getAttribute('title') == '日曜日') {
            th[i].className = 'sunday';
        }
        if (th[i].getAttribute('title') == '土曜日') {
            th[i].className = 'saturday';
        }
        if (th[i].getAttribute('title') == '月曜日') {
            th[i].className = 'monday';
        }
        if (th[i].getAttribute('title') == '火曜日') {
            th[i].className = 'tuesday';
        }
        if (th[i].getAttribute('title') == '水曜日') {
            th[i].className = 'wednesday';
        }
        if (th[i].getAttribute('title') == '木曜日') {
            th[i].className = 'thursday';
        }
        if (th[i].getAttribute('title') == '金曜日') {
            th[i].className = 'friday';
        }
    }
} 

2つ目は、「calendar.css」です。以下のように、全く換えてしまいます。

#wp-calendar th.monday ,
#wp-calendar th.tuesday ,
#wp-calendar th.wednesday ,
#wp-calendar th.thursday ,
#wp-calendar th.friday {
	background-color: yellow ;
}
#wp-calendar th.sunday {
	background-color: red ;
}
#wp-calendar th.saturday {
	background-color: #87ceeb ;
}

そして、このプラグインを有効化します。



トラックバックURL:
https://serene.sakura.ne.jp/blog/2011/05/09/1030/813.php/trackback

Leave a Comment

CAPTCHA


blank