[wordpress]イベントカレンダーと予約機能をつくるプラグインThe Events Calendarと色などのカスタマイズ方法

The Events Calendarプラグインはブログにイベントカレンダー機能を追加するプラグインです。

イベント情報を登録しブログ画面からリスト形式やカレンダー形式で表示させることができます。

The Events Calendarを使ったイベント登録とイベント表示

「Events」メニューの中にある「Add New」メニューをクリックすることでイベント作成ができます。

登録したイベントを表示するには次のURLへアクセスすると、イベントカレンダーが表示されます。

http://(ブログのURL)/events/

登録されたイベントが自動的に追加されていきます。

ウィジェットで近日開催のイベントリストをサイドバーなどに表示することもできます。

Registrations for The Events Calendarを使うことでフォームでの予約も可能になります。

このカレンダーの色を変更したかったのですが、管理画面からはできませんでした。

これはプラグインフォルダ下に入っているCSSファイルを編集することになります。

the-events-calendar/src/resources/css内にある

tribe-events-theme.min.css

を編集していきます。

曜日が入っているマスの背景色を変えた時は

.tribe-events-calendar thead th

のbackground-colorを変更します。

その月でまだきていない日のマスの背景色は

.tribe-events-calendar div[id*=tribe-events-daynum-], .tribe-events-calendar div[id*=tribe-events-daynum-] a

のbackground-colorを変更します。

その月ですでに過ぎた日のマスの背景色を変える場合は、

.tribe-events-calendar td.tribe-events-past div[id*=tribe-events-daynum-]

のbackground-colorを変更します。

この記事を書いた人
最新の記事

くりばやしさとし

　これまで、コーチングや自己対話トレーニングを通して、天性を見つけて天職をつくる、手伝いをさせていただいてきました。これらにホームページ作成やブログカスタマイズやメディア活用についての、WEBサポート／ITサポートおよびコンサルティングを合わせて、これからは「アートもデザインも心理もテクノロジーもマーケティングもビジネスもわかるクリエーター」として、自分の仕事を通して人や世界を良くしていきたい人たちのお手伝いをさせてもらえたらうれしいです！　「作って終わりではなくて、その後の成長も感じていきたい」「人生に関わり続けたい」という想いで、「ウェブもシゴトも育て続ける」「夢や目標を達成して一緒に感動する」をモットーにした制作を行っています。