2022/04/02

グッドデザインな”Modern Events Calendar Lite”使ってみた

イベントカレンダーをブログに貼りたいなーと思って、とりあえずGoogle Calenderを使ってみたんですけど、レスポンシブじゃないみたいですね。まあ、これはCSSでどうにかなるとして、なんかデザインがイマイチサイトと合っていない。そして、肝心のイベントがたくさん重なっている日は文字がごちゃっとして、これもデザインがイケていない。

どうするかなーとググっていると、やはりWordpressのアプリを使うのが良さげでした。いくつもカレンダーアプリはあるんですが、私が重要視したのはリピート機能と表示の分かりやすさ、検索機能です。

希望を満たしていたのが”Modern Event Calender”です。どのアプリも機能的には大差なく、決め手はカレンダーデザインの美しさ。機能は無料の範囲内で問題なし、アプリ自体も重くなくていい感じなので、実際に実装ページで見て確認してみてください。

アプリの説明は全て英語ですが、直感的に操作できるので特に難しいところはありません。ちょっと分かりにくかった部分だけ、参考注意点としてまとめておきたいと思います。

Modern Events Calendar Lite(M .E .Calendar)

❶ウィザード入力かディター入力か

まずはAdd Event でイベントを入力していくんですが、ウィザードでナビゲーションの手順通りに入力していく方法と、ブログを書くようなエディターで入力する方法とあります。どちらでも同じ内容が入力できるんですが、ウィザードでは

パーマリンクの変更ができない
サイトへのリンクが設定できない
独自のタイプなどの設定ができない

というデメリットがあります。これらはウィザードで設定完了後に、改めて個別のイベントごとに設定を追加できます。2度手間になるので、上記の設定がある方は初めからエディター入力が良いです。

❷リピート機能

毎週日曜日、とか毎月第3日曜日とか、そういう設定ができます。

毎月第3日曜日にイベントを繰り返し表示したい場合は、Advanced を選択します。そしてthird の sun を選択すると毎月の第３日曜日に上記で設定したイベント内容がまるッとコピーされてカレンダー上に表示されます。ちゃんと設定されているかカレンダー上でチェックしてください。

❸表示の設定方法

全国各地であるイベントを画面遷移せずに、パッと見てどこで何があるという感じにしたかったので、カレンダー形式の表示方法にしました。画像も小さく表示できるのでどのイベントがどんな雰囲気かなども表すことができます。簡単にショートコードを複数作成できるので、表示したいページに合わせて表示デザインを変更することもできます。

サイドメニューのShortcode をクリックするとショートコードウィザードが開きます。あとはナビに従って設定していくと、最後にコードが出ます。それを表示したい箇所に貼るだけです。