休日表示付きリアルタイムカレンダー for WordPress 日本語版
「休日表示付きリアルタイムカレンダー for WordPress」をバージョンアップして、WordPress 日本語版で曜日の部分に色をつけられるようにしました。
WordPress ME のカレンダーでは、曜日部分の土日に配色の設定がされていました。誤解されている方が多いようですが、これは「休日表示付きリアルタイムカレンダープラグイン」の設定ではなく、デフォルトで配色されていました(下)。
したがって、WordPress 日本語版で「休日表示付きリアルタイムカレンダープラグイン(v1.3)」を適用しても、曜日は真っ黒のままです(下)。
これを今回のバージョンアップで、WordPress 日本語版にプラグインを適用させたときに、土曜日と日曜日に配色の設定を行いました(下)。
1.プラグインのダウンロード
プラグインを以下のリンクからダウンロードしてください。
2.プラグインのインストール
ダウンロードしたプラグインを展開し、中にある realtime-calendar フォルダを、wp-content/plugins にアップロードします。
WordPress のプラグイン一覧で、「Realtime Calendar」の右側の「利用する」をクリックすればOKです。あとはカレンダーを表示させるだけです。
3.注意事項
カレンダー用のテンプレートタグは、下記のもので動作の正常性を確認しています。
<li id="calendar"><?php get_calendar(); ?></li>
get_calendar() を括るタグに id属性 calendar を付与すれば大丈夫だと思います。CSS は適宜設定願います。
また、カレンダー先頭の「xxxx年xx月」という表示より当月を割り出していますので、この部分の表示が異なっていると、正常に動作しません(多言語対応はしていません)。
- 休日表示付きリアルタイムカレンダー for WordPress v1.10
- 休日表示付きリアルタイムカレンダー for WordPress v1.9
- 休日表示付きリアルタイムカレンダー for WordPress v1.7
- 「休日表示付きリアルタイムカレンダー for WordPress」不具合のお知らせ
- 休日表示付きリアルタイムカレンダー for WordPress
≫ ☆「休日表示付きリアルタイムカレンダー for WordPress」を入れてみました from 日下部理子のブログ
私のブログのサイドバーにウィジェットのカレンダーを表示していますが、スタイルシートで枠線表示をしています。更に、小粋空間さんのプラグイン「休日表示付きリ... [続きを読む]
≫ 休日表示付きリアルタイムカレンダー (小粋空間) と styleswitcher.js の併用時の不具合 from ナメサメカリンチョ
このブログのカレンダーは小粋空間の休日表示付きリアルタイムカレンダーを使わせてもらってます。そして、背景色の切り替えには styleswitcher.js... [続きを読む]
≫ 休日表示対応のカレンダープラグインを入れてみました。 from Miewのつぶやき
WordPressのテーマを色々と変えて見たのですが、どうもカレンダーの表示の部分でこれといった物がない。
日本の休日に対応していないのはしょうがないので... [続きを読む]
■yujiroさん、
すっかりご無沙汰でした。
この度、wordpressに移行したのを機に再びテンプレートのお世話になりました。
また、Calendarのプラグインも使わせて頂きました。
きちんと動作しています、ご報告と連絡でした。
yujiroさん
こんばんわ。
早速のエントリーありがとうございます。
しかし・・うちの環境だと、月火水木金土日のところは色が変わったのですが、
日付の土日のうち土曜日しか色がかわらないです^^;
日曜日と祝日の色を変えるにはどうすればいいでしょうか^^;
前回、表示されない原因は、設定したセレクタの優先順位が低かったので
CSSを入れ替えにて対応したのを試してみましたが・・・
今度は、月火水木金土日のところは色が黒にもどっちゃぃました^^;
参考URL:http://www.koikikukan.com/archives/2007/01/09-015000.php
毎回個別対応して頂き申し訳ございませんが、お願いします><;
>散歩道さん
こんにちは。
ご無沙汰してます。
テンプレートとプラグインご利用&ご連絡ありがとうございます。
また今後ともよろしくお願い致します。
>kenさん
こんにちは。
ご質問の件ですが、プラグインに含まれている calendar.css の内容を、下記のものと入れ替えてください。
#wp-calendar td.today {
display: block;
text-align: center;
color: #444444;
border: 1px solid #444444;
}
#wp-calendar td.holiday, #wp-calendar td.holiday a:link {
color: #e50003;
}
#wp-calendar td.saturday, #wp-calendar td.saturday a:link {
color: #0000ff;
}
#wp-calendar td.tholiday {
display: block;
border: 1px solid #444444;
color: #e50003;
}
#wp-calendar td.tholiday a:link {
color: #e50003;
}
#wp-calendar td.tsaturday {
display: block;
border: 1px solid #444444;
color: #0000ff;
}
#wp-calendar td.tsaturday a:link {
color: #0000ff;
}
それではよろしくお願い致します。
yujiroさん
こんばんわ。
お教え頂いた代替CSSは休日表示付きリアルタイムカレンダー for WordPress
と同じものですので、結果は日付の土日祝は色がかわりましたが、月火水木金土日
のところは色が黒になりました。
両方色が変わるようにするのは難しいですかね^^;
>kenさん
こんばんは。
難しくはありませんが見落としてました。
#wp-calendar td.today {
display: block;
text-align: center;
color: #444444;
border: 1px solid #444444;
}
#wp-calendar th.holiday, #wp-calendar td.holiday, #wp-calendar td.holiday a:link {
color: #e50003;
}
#wp-calendar th.saturday, #wp-calendar td.saturday, #wp-calendar td.saturday a:link {
color: #0000ff;
}
#wp-calendar td.tholiday {
display: block;
border: 1px solid #444444;
color: #e50003;
}
#wp-calendar td.tholiday a:link {
color: #e50003;
}
#wp-calendar td.tsaturday {
display: block;
border: 1px solid #444444;
color: #0000ff;
}
#wp-calendar td.tsaturday a:link {
color: #0000ff;
}
それではよろしくお願い致します。
yujiroさん
こんばんわ。
ありがとうございます。
再度お教え頂いたCSSにて希望していた動作になりました。
毎回個別対応にてご対応頂きありまがとうございます。
また何かありましたらお願いしますm(。_。)m オジギ
>kenさん
こんばんは。
ご連絡ありがとうございました&お手間とらせてすいませんでした。
なお、プラグインはご指摘の内容を反映させてバージョンアップ致しました。
ではでは!
いつか英語表記も対応期待してます(´・ω・)