Event Organiserをカスタマイズ
WordPressのプラグインEvent Organiserを自分流に！
日付の表示を修正
デフォルトだと日付の表示が「3月2022」（例）で、ちょっとわかりにくい。
これをわかりやすく修正する。
修正するファイル
/wp-content/plugins/event-organiser/includes/event-organiser-event-functions.php
1386行目くらい
'titleformatmonth' => 'F Y年'
を次のように変更する。
'titleformatmonth' => 'Y年 F'
※文字コードをUTF-8Nで保存する。（でないと文字化けする）
イベント詳細ページの日付のくだりの修正
デフォルトだと「このイベントは 7 3月 2022 から 25 4月 2022 まで開催しています。」（例）で、ちょっとわかりにくい。
これをわかりやすく修正する。
修正するファイル
/wp-content/plugins/event-organiser/templates/event-meta-event-single.php
39～48行あたり
<?php if ( $next ) : ?> <!-- If the event is occurring again in the future, display the date --> <?php printf( '<p>' . __( 'This event is running from %1$s until %2$s. It is next occurring on %3$s', 'eventorganiser' ) . '</p>', eo_get_schedule_start( 'j F Y' ), eo_get_schedule_last( 'j F Y' ), $next );?> <?php else : ?> <!-- Otherwise the event has finished (no more occurrences) --> <?php printf( '<p>' . __( 'This event finished on %s', 'eventorganiser' ) . '</p>', eo_get_schedule_last( 'd F Y', '' ) );?> <?php endif; ?> <?php endif; ?>
を次のように変更する。
<?php if ( $next ) : ?> <!-- If the event is occurring again in the future, display the date --> <?php printf( '<p>' . __( 'This event is running from %1$s until %2$s. It is next occurring on %3$s', 'eventorganiser' ) . '</p>', eo_get_schedule_start( 'Y年 F j日' ), eo_get_schedule_last( 'Y年 F j日' ), $next );?> <?php else : ?> <!-- Otherwise the event has finished (no more occurrences) --> <?php printf( '<p>' . __( 'This event finished on %s', 'eventorganiser' ) . '</p>', eo_get_schedule_last( 'Y年 F D日', '' ) );?> <?php endif; ?> <?php endif; ?>
※文字コードをUTF-8Nで保存する。（でないと文字化けする）
イベント一覧を表示するショートコード
これから開催されるイベント一覧
[eo_events event_start_after=”tomorrow” showpastevents=false orderby=”eventend” order=”ASC” group_events_by=”series”]
特定のカテゴリーのこれから開催されるイベント一覧
[eo_events event_start_after=”tomorrow” showpastevents=false orderby=”eventend” order=”ASC” group_events_by=”series” event_category=”★★★★★”]
cssでかっこよく
アイコンに丸みをつける
.eo-fullcalendar .fc-view-container .fc-view table tbody .fc-widget-content .fc-day-grid-container .fc-day-grid .fc-row .fc-content-skeleton table tbody td .fc-day-grid-event {
display: block;
margin-bottom: 5px;
padding: 0 5px;
height: 20px;
line-height: 20px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
font-size: 10px;
font-feature-settings: "palt";
text-decoration: none;
letter-spacing: 0;
overflow: hidden;
}
土曜日の色を変える
.eo-fullcalendar .fc-view-container .fc-view table tbody .fc-widget-content .fc-day-grid-container .fc-day-grid .fc-row .fc-content-skeleton table thead .fc-sun {
color: #7f1311;
}
日曜日の色を変える
.eo-fullcalendar .fc-view-container .fc-view table tbody .fc-widget-content .fc-day-grid-container .fc-day-grid .fc-row .fc-content-skeleton table thead .fc-sat {
color: #356e88;
}