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;
}

お知らせ

Mbオンライン語学スクール様のホームページ

Mbオンライン語学スクール様のホームページを作成しました。 ↓ https://mb81-schoo … 続きを読む

2022.02.01

飯塚ガス株式会社様のホームページ

飯塚ガス株式会社様のホームページをリニューアルさせていただきました。 ↓ http://www.ii … 続きを読む

2021.08.11

直方市シルバー人材センター様のホームページ

直方市シルバー人材センター様のホームページをリニューアルさせていただきました。 ↓ https:// … 続きを読む

2021.07.01

宗像歯科医師会様のホームページ

宗像歯科医師会様のホームページをリニューアルさせていただきました。 ↓ https://dental … 続きを読む

2021.07.01

猫のイラスト

猫のイラストです。 … 続きを読む

2020.02.05

チラシのデザイン・制作サービスはじめました

伝えたいことを、わかりやすく! スキルのフリーマーケット「coconala(ココナラ)」でチラシのデ … 続きを読む

2019.08.06

飯塚医師会様のホームページ作成

一般社団法人 飯塚医師会様のホームページを作成。リニューアルオープンしました。 ↓ http://i … 続きを読む

2019.04.11

㈱シンシアテクノス様のサイト開設

㈱シンシアテクノス様のサイトを開設しました。 ↓ https://sincere-tecnos.co … 続きを読む

2019.04.01

いいづか看護師転職バンク様のサイト開設

「いいづか看護師転職バンク」様のホームページを開設しました。 飯塚市周辺(筑豊地区)で転職を考えてい … 続きを読む

2018.12.01

2019年カレンダー

2019年のオリジナルカレンダーを作りました。 今年も猫のイラストのデザインにしました。 お世話にな … 続きを読む

2018.12.04

猫の昼寝のイラスト

illustratorは便利なソフトです。 いろんな種類の猫を描くのもお茶の子さいさい。(ひさしぶり … 続きを読む

2018.09.26

猫のイラストを描く

仕事が一段落ついて時間ができたので、illustratorを使って猫のイラストを描いています。 … 続きを読む

2018.09.25

ネコのアルバム

今年は可愛い猫との出会いがありました。 フリーソフトでスライドショーを作りました。 猫日和 チビ猫“ … 続きを読む

2017.12.19