TopWordPress > カスタマイズ > カレンダー > 休日表示付きリアルタイムカレンダー for WordPress 日本語版
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
関連記事
人気エントリー
トラックバックURL


トラックバック

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

Tracked on April 25, 2008 3:58 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 Author Profile Page : 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 Author Profile Page : 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 Author Profile Page : April 26, 2008 1:18 AM
コメントする

*必須



太字 イタリック アンダーライン ハイパーリンク 引用

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

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

Now loading...
Entry Trackbacks
Entries of this Category
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 ...
BlogPeople
Now loading...
Syndicate this site
FeedBurner(RSS1.0/RSS2.0/Atom)
Counter
これまでのアクセス
クリエイティブ・コモンズ・ライセンス
Powered by
Movable Type 4.1
 
List Me!