ワードプレスで「イベントカレンダー&休日カレンダー」無料プラグインのインストールから使い方

このサイトでは何を教えてくださるの?

コスモ企画

この記事は以下のような方におすすめ!

  • ワードプレスで「イベントカレンダー&休日カレンダー」無料プラグインのインストールから使い方がわからない?
  • ワードプレスで「イベントカレンダー&休日カレンダー」無料プラグインのインストールから使い方を紹介します。

ワードプレスでイベントカレンダーと休日カレンダー両方が設定できしかも日本語対応といううれしい機能。さらに使い勝手がシンプルでどのイベントよりも使いやすいと実感したプラグインです。

環境

環境データ項目DATA
実施日2021年秋(当時に作成されたデータです。)
プラグイン Ver2.3.7※バージョンによっては説明に食い違が生じます。
WordPress Ver5.82
PHP Ver7.4

インストール

ダッシュボード>プラグイン>新規追加と進みXO Event Calendarと検索後上図のように表示されますのでインストール。その後の流れは他のプラグイン同様です。

STEP
1

設定方法(休日設定)

定休日は、「週定期」より曜日をクリック。午後休日の場合は「pm」を選択後終日(all)と同様の設定を行います。

祝日やお店企業などの臨時休業は、「臨時日」に入力1日1行単位。記入例)2021-12-28と入力。生年月日を忘れずに・・・

定休日は色を設定することで視認性が良くなります。色から設定しましょう。

STEP
2

設定方法(カテゴリー)

ブログのカテゴリーと同様にカテゴリーを設定できます。同時にカテゴリー単位で表示することも可能となります。

STEP
3

設定方法(イベント新規追加)

ブログを作成するように予定表を作成します。最新のブロックエディタに対応しております。

カスタムフィールド内に詳細予定を設定します。開催日時・終了日時の設定が可能です。

カテゴリーの選択とアイキャッチ画像を登録する事が出来ます。アイキャッチ画像未設定の場合はデフォルト画像が表示される仕様のようです。

カスタム投稿(投稿などと同じ構造)と同じ構造ですので取り扱いやすい設計になっていると思います。

設定の編集

STEP
4

設定方法(ショートコード)

固定ページ、投稿ページ問わずショートコード張り付けてカレンダーを表示する事が出来ます。

ショートコード

2024年 3月
25
26
27
28
29
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
書道教室
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6

休業

午前休

午後休

上記で休日・イベント両方が表示されます。

こんな感じで表示
STEP
5

PDFファイルによる使い方マニュアル

当サイトをPDFファイルにいたしました。ダウンロードしてお使いください。

関連記事

お気軽にお問い合わせください。

お問い合わせ

ご依頼及び業務内容へのご質問などお気軽にお問い合わせください