休日表示付きリアルタイムカレンダー for WordPress 日本語版

休日表示付きリアルタイムカレンダー for WordPress 日本語版

Posted at April 24,2008 12:38 AM
Tag:[Calendar, Customize, Plugin, WordPress]

休日表示付きリアルタイムカレンダー for WordPress」をバージョンアップして、WordPress 日本語版で曜日の部分に色をつけられるようにしました。

WordPress 日本語版+1.4

WordPress ME のカレンダーでは、曜日部分の土日に配色の設定がされていました。誤解されている方が多いようですが、これは「休日表示付きリアルタイムカレンダープラグイン」の設定ではなく、デフォルトで配色されていました(下)。

WordPress ME

したがって、WordPress 日本語版で「休日表示付きリアルタイムカレンダープラグイン(v1.3)」を適用しても、曜日は真っ黒のままです(下)。

WordPress 日本語版+1.3

これを今回のバージョンアップで、WordPress 日本語版にプラグインを適用させたときに、土曜日と日曜日に配色の設定を行いました(下)。

WordPress 日本語版+1.4

1.プラグインのダウンロード

プラグインを以下のリンクからダウンロードしてください。

休日表示付きリアルタイムカレンダー for WordPress

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月」という表示より当月を割り出していますので、この部分の表示が異なっていると、正常に動作しません(多言語対応はしていません)。

関連記事
トラックバックURL


トラックバック

☆「休日表示付きリアルタイムカレンダー for WordPress」を入れてみました from 日下部理子のブログ
 私のブログのサイドバーにウィジェットのカレンダーを表示していますが、スタイルシートで枠線表示をしています。更に、小粋空間さんのプラグイン「休日表示付きリ... [続きを読む]

Tracked on April 25, 2008 3:58 PM

休日表示付きリアルタイムカレンダー (小粋空間) と styleswitcher.js の併用時の不具合 from ナメサメカリンチョ
このブログのカレンダーは小粋空間の休日表示付きリアルタイムカレンダーを使わせてもらってます。そして、背景色の切り替えには styleswitcher.js... [続きを読む]

Tracked on April 19, 2009 9:08 PM

休日表示対応のカレンダープラグインを入れてみました。 from Miewのつぶやき
WordPressのテーマを色々と変えて見たのですが、どうもカレンダーの表示の部分でこれといった物がない。 日本の休日に対応していないのはしょうがないので... [続きを読む]

Tracked on May 6, 2009 4:18 PM
コメント

■yujiroさん、
すっかりご無沙汰でした。
この度、wordpressに移行したのを機に再びテンプレートのお世話になりました。
また、Calendarのプラグインも使わせて頂きました。
きちんと動作しています、ご報告と連絡でした。

[1] Posted by 散歩道 : April 24, 2008 10:58 AM

yujiroさん

こんばんわ。
早速のエントリーありがとうございます。

しかし・・うちの環境だと、月火水木金土日のところは色が変わったのですが、
日付の土日のうち土曜日しか色がかわらないです^^;

日曜日と祝日の色を変えるにはどうすればいいでしょうか^^;

前回、表示されない原因は、設定したセレクタの優先順位が低かったので
CSSを入れ替えにて対応したのを試してみましたが・・・
今度は、月火水木金土日のところは色が黒にもどっちゃぃました^^;
参考URL:http://www.koikikukan.com/archives/2007/01/09-015000.php


毎回個別対応して頂き申し訳ございませんが、お願いします><;

[2] Posted by ken : April 24, 2008 8:22 PM

>散歩道さん
こんにちは。
ご無沙汰してます。
テンプレートとプラグインご利用&ご連絡ありがとうございます。
また今後ともよろしくお願い致します。

>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;
}

それではよろしくお願い致します。

[3] Posted by yujiro logo : April 25, 2008 11:34 AM

yujiroさん

こんばんわ。

お教え頂いた代替CSSは休日表示付きリアルタイムカレンダー for WordPress
と同じものですので、結果は日付の土日祝は色がかわりましたが、月火水木金土日
のところは色が黒になりました。

両方色が変わるようにするのは難しいですかね^^;

[4] Posted by ken : April 25, 2008 7:24 PM

>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;
}

それではよろしくお願い致します。

[5] Posted by yujiro logo : April 25, 2008 8:26 PM

yujiroさん

こんばんわ。

ありがとうございます。
再度お教え頂いたCSSにて希望していた動作になりました。

毎回個別対応にてご対応頂きありまがとうございます。

また何かありましたらお願いしますm(。_。)m オジギ

[6] Posted by ken : April 25, 2008 9:13 PM

>kenさん
こんばんは。
ご連絡ありがとうございました&お手間とらせてすいませんでした。
なお、プラグインはご指摘の内容を反映させてバージョンアップ致しました。
ではでは!

[7] Posted by yujiro logo : April 26, 2008 1:18 AM

いつか英語表記も対応期待してます(´・ω・)

[8] Posted by kayo : December 9, 2009 8:55 AM
コメントする
greeting

*必須

*必須(非表示)


ご質問のコメントの回答については、内容あるいは多忙の場合、1週間以上かかる場合があります。また、すべてのご質問にはお答えできない可能性があります。予めご了承ください。

太字イタリックアンダーラインハイパーリンク引用
[サインインしない場合はここにCAPTCHAを表示します]

コメント投稿後にScript Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り(プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り)、ブラウザをリロードして投稿コメントが反映されていることを確認してください。

コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「&lt;」、「>」は「&gt;」と入力してください。例えば「<$MTBlogURL$>」は「&lt;$MTBlogURL$&gt;」となります(全て半角文字)