☆【メモ】 WordPress のカレンダーに曜日の背景色を好きなものに変える

| コメント(0) | トラックバック(0)

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 ;
}
そして、このプラグインを有効化します。

この記事と同じカテゴリの記事

トラックバック(0)

トラックバックURL: http://flowerwind.sakura.ne.jp/mt5/mt-tb.cgi/1636

コメントする

このブログ記事について

« 前の記事|ホーム|次の記事 »

このページは、理恵が2011年5月12日 01:08に書いたブログ記事です。

ひとつ前のブログ記事は「☆USB接続ハードディスク「HDC-EU2.0K」を購入」です。

次のブログ記事は「☆地図を見て旧墓地・旧定山渓鉄道の豊平駅・旧千歳線を調べてみました」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

アーカイブ

ステータス

ブログ記事: 1613
コメント: 381
トラックバック: 186


最終更新日:2013/10/14 20:50:47

OpenID対応しています OpenIDについて
Powered by Movable Type 5.07