イベント等、お知らせする際、Googleカレンダーをiframe(インラインフレーム)で表示させているのをよく目にしますが、少々勝手が良くないのでプラグインの使用を検討しました。
今回設定したいのは、「毎月第2土曜日」に開催するイベントのお知らせ
INDEX
Event Organizer
Event Organizerは、細かい条件を含む設定ができるようです。第2土曜の繰り返しを簡単に設定する事ができました。
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ヵ月分を自動で表示する様ににしました。その方が見る側も分かり易いと感じました。
結果的にこのプラグインは使用しませんでした。
コメント ※ハンドルネームでお願いします