TopWordPress > カスタマイズ > カレンダー > 休日表示付きリアルタイムカレンダー for WordPress 日本語版
News
各種ブログテンプレート
2008年4月24日

エントリー本文

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

Posted at April 24,2008 12:38 AM
Category:[カレンダー]
Tag:[, , , ]

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

WordPress 日本語版+1.4

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

WordPress ME

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

WordPress 日本語版+1.3

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

WordPress 日本語版+1.4

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

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

realtime-calendar.zip
更新履歴
2008.04.24 v1.4 WordPress 日本語版対応
2008.04.26 v1.5 曜日部分の CSS 変更

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

Posted by yujiro ReTweet This!
関連記事
この記事を読んだ人はこんな記事も読んでいます
人気エントリー
Hatena Hot Entries
Hatena Entries
トラックバック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 : 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 : 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 : 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;」となります(全て半角文字)

Now loading...
Introduction
Entry Trackbacks
Entries of this Category
Recent Entries
Recent Comments
Recent Trackbacks
QRcode

現在停止中です
携帯電話からこのQRcodeを撮影することで携帯用URLを取得することができます

URI for cellular phones
ギターに入った猫
Styles
Font Size
Default
For defective color vision
Gray Scale
RGB Color
Search this site

このブログをメールで購読する by:FeedBurner

loading ...
Categories
Monthly Archives
BlogPeople
Syndicate this site
FeedBurner(RSS1.0/RSS2.0/Atom)
Counter
これまでのアクセス
クリエイティブ・コモンズ・ライセンス
Powered by
Movable Type 5.02