[WordPress] カレンダープラグイン Event Organizer

イベント等、お知らせする際、Googleカレンダーをiframe（インラインフレーム）で表示させているのをよく目にしますが、少々勝手が良くないのでプラグインの使用を検討しました。

今回設定したいのは、「毎月第2土曜日」に開催するイベントのお知らせ

Event Organizer

Event Organizerは、細かい条件を含む設定ができるようです。第２土曜の繰り返しを簡単に設定する事ができました。

WordPress.org 日本語

Event Organiser イベントの作成と管理。複雑な繰り返しパターン、会場管理 (Google Maps または OpenStreetMap を使用)、カレンダー、カスタマイズ可能な e … を含む

出力方法

ショートコードを使います。表示したい箇所にコードをはります。

[eo_fullcalendar]

ただ、これではスマホ表示が最悪で見づらいです。

スマホ対応と月の表示修正

スマホでも見やすいカレンダー形式にし、5月2024年となっていた表示を2024年5月と並べ替えるコードを追加します。

[eo_fullcalendar responsivebreakpoint=“0” titleformatmonth="Y年n月"]

CSSで見栄えのカスタマイズ

数字をグレーにし、.fc-satで、土曜日を赤にしました。他の曜日はソースを確認して下さい。

.eo-fullcalendar .fc-day-header,.eo-fullcalendar .fc-day-number{color:#999;}
.fc-row th.fc-sat{color: #D93708;}

.eventorganiser-event-meta p{display: none;}

導入前に再検討のすすめ

はたして月に1日のイベントに、カレンダーを使う必要はあるでしょうか？プラグインは極力使用しない方が表示スピード対策としては望ましいですし、更新も面倒。

PHPで第2土曜日の日付を常に3ヵ月分を自動で表示する様ににしました。その方が見る側も分かり易いと感じました。

結果的にこのプラグインは使用しませんでした。