うずら

#18 WordPress Google Calendar を利用して予定表を表示する

2008 年 8 月 18 日 – 11:02 PM

WordPressには予定表のプラグインでなかなか良いものがありません。
色々と探しているうちに、wpng-calenar なるものを見つけました。

http://code.google.com/p/wpng-calendar/

早速、使ってみます。
Featured Downloads:からダウンロードして、おなじみ plugins にコピーします。

そして、Google アカウントを取得します。
そして、
http://gd.google.com/html/signup.html
ここで、Google DATA API Key を取得します。

次に、プラグイン(Wordpress Google Calendar)を有効にします。

「設定」→「WPNG Calendar Plugin」を選択して、
Google GDATA API Key に取得したコードを貼り付けます。
「Update Settings」をクリックして保存します。

次に、新規ページを作成します。
タイトルに「Schedule」とか「予定表」とか入力します。
カスタムフィールドに、
キー : show-wpng-calendar
値 : 5 ←表示させたい週
を入力します。一旦クリアされたら、「管理」→「ページ」で呼び出して、「公開」にします。

何じゃこりゃって予定が表示されています。

次に、Google カレンダーにアクセスして、カレンダーを作ります。
とりあえず、1件でもよいので予定を入れます。

そして、ここから「カレンダー設定」を選択します。

予定を公開するようにします。

カレンダーのアドレス : [XML]をクリックします。
カレンダーのアドレスがポップアップで表示されます。これをコピーしておきます。

ブログの管理画面にログインして、「設定」→「WPNG Calendar Plugin」を選択します。
「Google Calendar Feed」にコピーしたアドレスを貼り付けます。
～/basic は ～/full と書きなおしてください。
そして「Update Settings」をクリックして保存します。

無事、表示されました。予定をクリックすると、

このように詳細情報が表示されます。

でも、英語表記・・・直したいですね。
探していたら、下記サイトで手順が解説されていました。
http://labo.teraguchi.net/archives/412 … GoogleCalendarをWordPressで表示
( http://labo.teraguchi.net/ … 新・今日も今日とて )

http://www.datejs.com/2007/11/27/getting-started-with-datejs/
ここから datejs.com/download/ をクリックしてダウンロードするわけですが、Datejs-all-Alpha1.zip をダウンロードして、解凍すると build フォルダ内に date-ja-JP.js がありますので、plugins/wpng-calendar/js 内にコピーします。
そして、wpng-calendar.php ですが、Add the DateJS file で検索して
wp_enqueue_script(’date-js’, get_bloginfo(’wpurl’) . ‘/wp-content/plugins/wpng-calendar/js/date-ja-JP.js’, null, ‘alpha-1′);
と書き換えました。そして、それぞれアップロードです。

見事、日本語表記です。