カテゴリー別アーカイブ: イベントを追加出来るプラグインEvent Organiser

3.カレンダーに本日のイベント欄を入れる

ここではカレンダーの下部に本日のイベントを表示する処理を追加する処理をご説明します。
修正する手順は「2.カレンダーの土日に色を付ける」とほぼ同じでファイル「class-eo-calendar-widget.php」を修正します。

class-eo-calendar-widget.phpにコード追加

ファイルを修正するときはFTP等でパソコン側にダウンロードしましょう
以下のディレクトリに対象ファイルがあります。

自サイトのホーム/wp-content/plugins/class-eo-calendar-widget.php

見ずらいですのでコピペしてテキストエディタあたりで見てください。
コメントで「本日イベント表示処理」と入っている箇所が追加したコードです。

表示はこんな感じです。
「本日(3/26):営業日」が追加した部分になります。
011

かんぱに☆ガールズ オンラインゲーム

2.カレンダーの土日に色を付ける

Event Organiserの初期設定では土日は色分け表示してくれません。
(イベントが追加出来て土日を色分けできる無料プラグインが見つかりませんでした、情報求む)
という事でコードを追加することにしました。

class-eo-calendar-widget.phpにコード追加

ファイルを修正するときはFTP等でパソコン側にダウンロードしましょう
以下のディレクトリに対象ファイルがあります。

自サイトのホーム/wp-content/plugins/class-eo-calendar-widget.php

見ずらいですのでコピペしてテキストエディタあたりで見てください。
コメントで「曜日別処理追加」と入っている箇所が追加したコードです。

style.cssにコード追加

土日の背景色を設定するコードを追加します。

.sunday {
	background-color: #ffd9db;
}
.saturday {
	background-color: #dbffff;
}

これでカレンダーの土日が色分けされて表示されます。
011

かんぱに☆ガールズ オンラインゲーム

1.プラグイン「Event Organiser」の設置

イベントを追加出来るカレンダーのプラグインで良い物がないか探しました(もちろん無料のもので)。
「Event Organiser」を今回使用することにします。

「Event Organiser」のインストール

ダッシュボード→「プラグイン」→「新規追加」で「Event Organiser」を検索してインストールします。(詳細は省きます)

ウィジェットの追加

ダッシュボード→「外観」→「ウィジェット」で「イベントカレンダー」をウィジェットに追加します。
006

カテゴリの追加

インストール後にダッシュボードに「イベント」が追加されますので「イベント」→「カテゴリ」で追加します。
このあたりの操作方法は記事の投稿とほぼ同じです。
007

このような感じで「休日」などのカテゴリを追加します。
008

イベントの追加

ダッシュボード→「イベント」→「新規追加」でイベントを追加します。
こちらも記事の投稿の操作とほぼ同じです。
今回は例として建国記念日を追加しました。
009

下にスクロールすると日時や繰り返し設定の項目が出てきますので、こちらを設定し更新します。
010

実際の表示

追加した日付がアンカーテキストになりカーソルを当てるとイベント情報が表示されます。
011

かんぱに☆ガールズ オンラインゲーム