小粋空間  -  a cheap joke and a play on words site

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

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

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

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

１．プラグインのダウンロード

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

realtime-calendar.zip

更新履歴

2008.04.24 v1.4 WordPress 日本語版対応

2008.04.26 v1.5 曜日部分の CSS 変更

２．プラグインのインストール

ダウンロードしたプラグインを展開し、中にある realtime-calendar フォルダを、wp-content/plugins にアップロードします。

WordPress のプラグイン一覧で、「Realtime Calendar」の右側の「利用する」をクリックすればOKです。あとはカレンダーを表示させるだけです。

３．注意事項

カレンダー用のテンプレートタグは、下記のもので動作の正常性を確認しています。

<li id="calendar"><?php get_calendar(); ?></li>

get_calendar() を括るタグに id属性 calendar を付与すれば大丈夫だと思います。CSS は適宜設定願います。

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

配布中の「WordPress 版 休日表示付きリアルタイムカレンダー」に不具合がありました。

IEで上記の記事にアクセスできない不具合がありました。現在回復しています。

１．事象

2007年11月の土日休日が正常に表示されない。

２．原因

JavaScript（dayChecker.js） のカレンダー年月情報取得処理誤り（月が2桁になった場合の処理の考慮もれ）。

３．対処

dayChecker.js のカレンダー年月情報取得処理を改修し、1年分のカレンダーを表示させて、いずれも土日休日が正常に表示されることを確認しました。

2007年11月5日以前にプラグイン（1.1版）をご利用になっている方は、「休日表示付きリアルタイムカレンダー for WordPress」より、最新版（1.2～）をダウンロードし、プラグインを差し替えてください。

ご迷惑をおかけして申し訳ございませんがよろしくお願い致します。

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

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

<?php get_calendar(); ?>

リスト1　テンプレートタグ

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

１．プラグインのダウンロード

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

realtime-calendar.zip

修正履歴

2007.11.05 v1.2 11月のカレンダーで土日休日が正常に表示されない不具合を修正

2007.12.13 v1.3 link 要素、script 要素のプラグインパスを修正

２．プラグインのアップロード

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

wp-content/
　　　plugins/
　　　　　realtime-calendar/
　　　　　　　　　　dayChecker.js
　　　　　　　　　　realtime-calendar.php
　　　　　　　　　　calendar.css

リスト2　ディレクトリ・ファイル構成

３．プラグインを有効にする

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

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

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

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

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