WordPressのプラグインEvent Organiserでサイト上にイベントカレンダーを表示させようと試みました。
最終更新は1年前、新しいバージョンのWordPressでは検証されていないようです。
プラグインをインストールして、仮のスケジュールをいくつか登録しました。
あちこち探したのですが、プラグインの設定画面上にはショートコードが出てこなかったので、以下に記載します
[eo_fullcalendar]
このショートコードを表示したい場所に貼り付けてください。
カレンダーを試験的に以下に貼ってみたのですが、サイト内のテーブルのスタイルで表示が崩れてしまいました。
こんな時は、以下のスタイルを追加すると良いかもしれません。
.eo-fullcalendar,
.eo-fullcalendar .fc {
width: 100% !important;
}
.eo-fullcalendar table {
display: table !important;
table-layout: fixed;
}
.eo-fullcalendar th,
.eo-fullcalendar td {
display: table-cell !important;
}
.eo-fullcalendar .fc-row {
width: 100% !important;
}
.eo-fullcalendar .fc-week {
width: 100% !important;
}
直りました。
読み込み中...今回は、使用したいサイトと要件が合わずカレンダーデザインのカスタマイズまでは行いませんでしたが
機会があれば、おしゃれな雰囲気のスタイルなど組んでみたいなと思います。
今回参考にさせていただいたサイトです。
詳しくはこちらをご覧ください。
↓↓↓
【Event Organiser】WordPressにイベントカレンダーを表示！ー基礎編ー
【Event Organiser】WordPressにイベントカレンダーを表示！ー応用編ー
