TopWordPress > カスタマイズ > カレンダー > 休日表示付きリアルタイムカレンダー for WordPress
2007年1月 9日

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

Posted at January 9,2007 1:50 AM
Category:[カレンダー]
Tag:[, , , ]

休日表示付きリアルタイムカレンダー for WordPressWordPress 版「休日表示付きリアルタイムカレンダー」を紹介致します。
このカスタマイズは、Movable Type 等で提供中の JavaScript による「休日表示付きリアルタイムカレンダー」を WordPress 用にアレンジしたものです。WordPress は PHP で書かれているので、PHP で制御するという手もありましたが、サーバへの負荷を考慮し、JavaScript 版にしています。

このカスタマイズは、テーマ内でテンプレートタグ

<?php get_calendar(); ?>
リスト1 テンプレートタグ

によるカレンダー表示をしている場合に有効です。

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

下記のいずれかのリンクをクリックし、プラグインアーカイブをダウンロードしてください。

realtime-calendar.zip

修正履歴
2007.11.05 v1.2 11月のカレンダーで土日休日が正常に表示されない不具合を修正
2007.12.13 v1.3 link 要素、script 要素のプラグインパスを修正

2.プラグインのアップロード

ダウンロードしたアーカイブを解凍し、realtime_calendar フォルダごと、wp-content/plugins 配下にアップロードしてください。アップロード後、リスト 2 のようなディレクトリ・ファイル構成になっていればOKです。

wp-content/
   plugins/
     realtime-calendar/
          dayChecker.js
          realtime-calendar.php
          calendar.css
リスト2 ディレクトリ・ファイル構成

3.プラグインを有効にする

WordPress の管理画面より「Realtime Calendar」の有効化のリンクをクリックします。

以上です。
なお、カレンダー先頭の「xxxx年xx月」という表示より当月を割り出していますので、この部分の表示が異なっていると正常に動作しません(=多言語対応はしていません)。

その他、プラグインに不具合等ございましたらご連絡ください。

2007.07.11
JavaScript で動作に必要な関数が欠落していましたので修正しました。

2007.12.13
プラグインファイルに含まれるプラグインのパスを修正しました。

Posted by yujiro
関連記事
人気エントリー
トラックバックURL


トラックバック

小粋空間のリアルタイムカレンダーの導入 from 湯上りソフト
小粋空間のリアルタイムカレンダーを導入してみたが期待通り動かない。 祝日が赤にならない・・・。 ■ちょこっと調べてみた 当Blogの「digg-3-col... [続きを読む]

Tracked on December 10, 2007 9:52 PM

カレンダー。 from レガシィ de 行こう。
テーマをいじってカレンダーを表示するようにしてみた。 ・・・単にsidebarのデザインを編集するところで「<?php get_calendar... [続きを読む]

Tracked on April 6, 2008 10:17 AM
コメント

本体最新Ver ME2.2.1 にて、

ライン:169
文字:1
エラー:オブジェクトを指定してください
コード:0

という、JavaScriptエラーが発生するのですが、
何か設定ミスをしているのでしょうか?
それとも最新Verでは対応できないのでしょうか?

[1] Posted by CREA : July 7, 2007 11:37 PM

>CREAさん
こんにちは。
ご返事遅くなり申し訳ありません。
プラグインの中を確認したところ、動作に必要なスクリプトが欠落しておりました。
申し訳ございません。
先程プラグインの内容を更新しましたので再度ご確認ください(URLの途中に "1.1" がついていれば最新のファイルがダウンロードされます)。
それではよろしくお願い致します。

[2] Posted by yujiro : July 11, 2007 5:12 PM

yujiroさん

質問場所が間違ってるとは思いますが・・・お分かりになりましたら教えてください。
WordPress ME 2.2.3にてTemplateはi3Theme version 1.3 (Center Edition)【http://www.mangoorange.com/resources/i3theme/】にてこちらのカレンダーを使わせていただいているのですが・・・
エントリーがあった日の色を変える方法が不明で困ってます。

お時間のありますときでかまいませんので、ご教授をお願い致します。

[3] Posted by キス : September 26, 2007 7:31 PM

>キスさん
こんにちは。
ご質問の件ですが、スタイルシートに下記を追加してみてください。

#calendar td a {
    color: green;
}

配色は適宜変更してください。
それではよろしくお願い致します。

[4] Posted by yujiro : September 28, 2007 2:51 PM

yujiroさん

お忙しいところありがとうございます。
無事にエントリーがあった日の色を変えることができました。

また何かありましたらお願いいたします。

[5] Posted by キス : September 28, 2007 3:06 PM

>キスさん
こんにちは。
ご連絡ありがとうございました。
無事に直ったようでなによりです。
ではでは!

[6] Posted by yujiro : September 28, 2007 3:13 PM

yujiroさん

昨日無事に色がついたとコメントしましたが・・・
本日見てみますと記事投稿があった最新?2日分しか色がつかないみたいですσ(^_^;)アセアセ...

全部投稿に色をつける方法はありませんでしょうか(´・ω・`)ションボリ

何度もすみませんが、よろしくお願いいたします。

[7] Posted by キス : September 29, 2007 11:51 AM

yujiroさん

上記で質問しました件ですが解決しました。
訪問済みのリンクの色指定してなかったのでエントリーがあった日の色が表示されたりされなかったりしてました。
#基本的なミスですみません。

CSSを

#wp-calendar td a:link {
color: aqua;
}
#wp-calendar td a:visited {
color: aqua;
}

とすることでとりあえず問題なくなりました。

お騒がせいたしましたm(__)m

[8] Posted by キス : October 1, 2007 1:16 PM

>キスさん
こんにちは。
こちらも無事に直ったようでよかったです。
ではでは!

[9] Posted by yujiro : October 1, 2007 5:43 PM

yujiroさん

またまたすみません。
ME2.2.3にてプラグインを使用させて頂いておりますが、休日の表示が10月は問題なかったのですが、11月になってもカレンダーの休日表示(土日祝の色)が10月ので表示されています。

設定が悪いので正常に表示されないのでしょうか。

すみませんがお時間のあるときにお教え頂けますでしょうか。

[10] Posted by キス : November 4, 2007 6:32 PM

>キスさん
こんにちは。
ご質問の件ですが、プラグインに不具合がありました。
ご迷惑おかけして申し訳ございません。
プラグインをバージョンアップ(v1.2)しましたので、再度ダウンロードして動作を確認頂けますでしょうか。
それではよろしくお願い致します。

[11] Posted by yujiro Author Profile Page : November 5, 2007 1:13 PM

こんにちは。お世話になっています。
WPを最新の2.3.1にアップグレードしたのですが、
旧Verのときはきちんと表示されていた休日カレンダーが
表示されなくなってしまいました。
新Var.には対応していないのでしょうか。
それとも、何か設定をしなければいけないのでしょうか。

[12] Posted by charlie : November 8, 2007 10:49 AM

>charlieさん
こんにちは。
ご質問の件ですが、まず本プラグインでは土日判定をするために、カレンダー上部に表示されているカレンダー年月を取得しています。
年月表示は日本語版の「xxxx年xx月」を前提に処置しているのですが、拝見させて頂いたサイト(英語版)では「xx月xxxx年」となっており、年月が正常に判定されていないのが原因です。

前置きが長くなりましたが、プラグイン内にある dayChecker.js を任意のエディタで開き、160行目あたりにある、

var year = number[0];
var month = number[1];

var year = number[1];
var month = number[0];

に変更すれば正常に表示されます。
ME にアップグレードされた場合は、この部分を元に戻してください。
それではよろしくお願い致します。

[13] Posted by yujiro Author Profile Page : November 8, 2007 12:48 PM

上記サイトにて、貴サイト配布のWordpress用テーマを使用させていただいております。
休日表示付きカレンダーも導入しているのですが、土日ともに反映されません。何かアドバイスなど頂けましたら幸いです。

以上、よろしくお願いします。

[14] Posted by Makoto Author Profile Page : December 13, 2007 1:06 AM

>Makotoさん
こんにちは。
ご利用ありがとうございます。
プラグインのスクリプトに一部不備がありました。
申し訳ございません。
修正した1.3をリリースしましたので、差し替えてお試し頂けますでしょうか。
不具合が解消されないようでしたらお手数ですが再度ご連絡ください。
それではよろしくお願い致します。

[15] Posted by yujiro Author Profile Page : December 13, 2007 12:02 PM

yujiroさん

本家WordPress 2.3.3にてrealtime-calendar Ver.1.3を使ってみましたが
カレンダーの休日の色が変更されません。

本家版は「xx月xxxx年」表記ですので元ファイルを変更し、「xxxx年xx月」の
表記になるようにしております。
(WordPress 2.3.1では上記設定で休日が表示されておりました。)
ためしに「xx月xxxx年」表記の状態で、dayChecker.jsを
var year = number[1];
var month = number[0];
に変更しましたが反映されませんでした。

何かお分かりなりましたらお教え頂けますでしょうか。

[16] Posted by ken : March 8, 2008 4:30 PM

>kenさん
こんにちは。
ご質問の件ですが、表示されない原因は、設定したセレクタの優先順位が低かったためのようです。
calendar.cssを、下記の、idセレクタと要素セレクタを補った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;
}

dayChecker.jsは修正した状態でお使いください。
それではよろしくお願い致します。

[17] Posted by yujiro Author Profile Page : March 11, 2008 1:50 AM

yujiroさん

ご指示頂きました方法にて正常に表示が変更されました。
お忙しいところ、ありがとうございました。

[18] Posted by ken : March 11, 2008 2:41 PM

>kenさん
こんばんは。
ご連絡ありがとうございました。
無事に表示されて良かったです。
ではでは!

[19] Posted by yujiro Author Profile Page : March 13, 2008 11:46 PM

yujiroさん

WordPress日本語版 2.5にてrealtime-calendar Ver.1.3を使ってみましたが
カレンダーの日付の上の曜日の休日の色が変更されません。

日本語版は、「xxxx年xx月」表記ですが、dayChecker.jsを
var year = number[1];
var month = number[0];
に変更しましたが反映されませんでした。

お時間のある時でかまいませんのでお教え頂けますでしょうか。

[20] Posted by ken : April 6, 2008 4:50 AM

>kenさん
こんにちは。
ご質問の件ですが、サイトを拝見させて頂いたところ、正常に表示されているようです。もし解消していないようでしたら、ご連絡頂けますでしょうか。
なお当方でもWordPress2.5で確認したところ、正常に表示することを確認しました。
それではよろしくお願い致します。

[21] Posted by yujiro Author Profile Page : April 13, 2008 1:23 PM

yujiroさん

ちょっと質問の書き方が悪かったですね^^;
カレンダー上の「月 火 水 木 金 土 日」の土日って色がかわりませんでしたっけ?
WordPress日本語版 2.3.3の時は土日も色が変わってたので、
2.5では変わらないのかなと^^;
(2.3.3の動作が異常だったのでしょうか^^;)

[22] Posted by ken : April 14, 2008 9:02 PM

>kenさん
こんにちは。
質問の意味を取り違えてました。すいません。
WordPress 日本語版は、WordPress ME と異なり、曜日部分に配色の設定がされていないので、プラグインの不具合ではありません(プラグインではそこまで設定していません)。
別途、曜日に色をつけるバージョンを公開します。
それではよろしくお願い致します。

[23] Posted by yujiro Author Profile Page : April 16, 2008 11:39 AM

yujiroさん

いつも参考にさせてもらっております。
人に頼まれてWordPressの設置だけやったのですが、
当日四角枠で囲まれるのはできたのですが、
土日に色がつかないようです。
上の設定もいろいろやってはみたのですがだめでした。

バージョンがME2.13なのがよくないのかなと思い、
ME2.2.3にしてみたのですが、それでも変わりないようです。

どこか簡単なことで間違っていることがあるんでしょうか?
お忙しいとは思いますが、見てくださるとうれしいなと思います。
よろしくお願いします。

[24] Posted by fukazo : April 17, 2008 1:55 AM

>fukazoさん
こんにちは。
ご質問の件ですが、設置されたサイトのURLをご連絡頂けますでしょうか。ここでご連絡できない場合はメールにてお知らせください。
それではよろしくお願い致します。

[25] Posted by yujiro Author Profile Page : April 17, 2008 10:10 AM

yujiroさん

>質問の意味を取り違えてました。すいません。

こちらこそ説明の仕方が悪くてすみませんでした。

>WordPress 日本語版は、WordPress ME と異なり、曜日部分に配色の設定がされていないので、プラグインの不具合ではありません(プラグインではそこまで設定していません)。

プラグインの範囲外動作でしたか^^;
ご回答ありがとうございます。

>別途、曜日に色をつけるバージョンを公開します。

お手数をお掛けしまして申し訳ないです^^;
公開を楽しみにしておきます^^

よろしくお願い致します。

[26] Posted by ken : April 17, 2008 7:15 PM

yujiroさん

こんにちは。
メールを出させてもらったのですが、
一応こちらにもお知らせしておきます。

http://www.ecohouse-inc.net/provenceblog/

設置したのは上記URLになります。

ME2.13を使っていたので、それが原因かと思い
ME2.23にアップデートしました。

見ていただけると助かります。よろしくお願いします。

[27] Posted by fukazo : April 19, 2008 6:16 AM

>fukazoさん
こんにちは。
分かりました。
テンプレートのフッタ部分に

<?php wp_footer(); ?>

の記述がないようです。
回答の意味がお分かりにならないようでしたら再度ご連絡ください。
それではよろしくお願い致します。

[28] Posted by yujiro Author Profile Page : April 22, 2008 12:44 PM

yujiroさん

ありがとうございました。
そんな単純なことだったとは・・^^;
無事設定できました。
本当にどうもありがとうございました。

[29] Posted by fukazo : April 23, 2008 2:22 AM

>fukazoさん
こんにちは。
ご連絡ありがとうございました。
うまくできたようで良かったです。
ではでは!

[30] Posted by yujiro Author Profile Page : April 25, 2008 11:39 AM
コメントする

*必須



お知らせ:2008年5月現在、多忙のため、7月頃までコメントを速やかに回答できない状態が続きます。ご質問の内容によっては回答が7月以降になる可能性がありますので、予めご了承ください。

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

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

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

Now loading...
Entry Trackbacks
小粋空間のリアルタイムカレンダーの導入
 [湯上りソフト] 12/10 21:52
カレンダー。
 [レガシィ de 行こう。] 04/06 10:17
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!