WordPressでイベント予約【Events Manager】
![](https://okimono.life/wp-content/uploads/2024/02/ブログ用サムネイル-7.png)
![](https://okimono.life/wp-content/uploads/2024/04/nyann.png)
簡単にイベント予約できるようにしたいにゃん!
Events Manager とは?
個別のイベント、繰り返しイベントを作成し、予約フォームもある柔軟なイベント予約プラグインです。
いろいろとイベント予約のプラグインを試しましたが、「管理者がイベント予定を登録しておき、カスタマーがイベントを予約する」という目的であれば、このプラグインが一番使いやすかったです。
HTMLやCSSの知識があれば、イベント詳細ページや、カテゴリのページの、「表示する内容変更」や「見た目のカスタマイズ」も可能です。
無料で使える範囲でも機能が豊富でした。私が実際に使用した機能だけ、ご紹介であげておきます。
- 管理者がイベント登録できる
- イベントカテゴリーを作成できる
- イベントをタグで管理できる
- イベント一覧から検索(ソート)できる
- GoogleMapと連携できる
- 開催場所一覧を作成できる
- カスタマーから予約を受け付けることができる
- 顧客が自分のマイページで予約を確認できる
- (許可すれば)カスタマー側でキャンセルができる
- (許可すれば)カスタマーからイベント作成の申請ができる
- 管理画面で予約一覧を表示できる
- 簡単な効果測定がWPのダッシュボードで確認できる
Events Managerのデモ
Events Managerはデモサイトを用意してくれているので、そちらをご覧ください!
https://eventsmanager.site/
Events Managerのインストール
ダッシュボード > プラグイン > 新規プラグインをインストール より、「Events Manager」を検索します。
今すぐインストール > 有効化 して、完了です。
![](https://okimono.life/wp-content/uploads/2024/01/スクリーンショット-2024-01-31-14.27.55.png)
Events Managerの初期設定
まずは全体の設定を行います。ダッシュボード > Events Manager > 設定 を開きます。
たくさん設定項目がありますが、今回は変更した箇所だけをご紹介します。
![](https://okimono.life/wp-content/uploads/2024/01/スクリーンショット-2024-01-31-14.34.17.png)
①一般 タブ
![](https://okimono.life/wp-content/uploads/2024/01/スクリーンショット-2024-01-31-14.44.47.png)
![](https://okimono.life/wp-content/uploads/2024/01/スクリーンショット-2024-01-31-14.45.22.png)
![](https://okimono.life/wp-content/uploads/2024/01/スクリーンショット-2024-01-31-14.45.42.png)
![](https://okimono.life/wp-content/uploads/2024/01/スクリーンショット-2024-01-31-14.45.59.png)
②予約 タブ
![](https://okimono.life/wp-content/uploads/2024/01/スクリーンショット-2024-01-31-14.49.25.png)
![](https://okimono.life/wp-content/uploads/2024/01/スクリーンショット-2024-01-31-14.50.39.png)
![](https://okimono.life/wp-content/uploads/2024/01/スクリーンショット-2024-01-31-14.52.23.png)
![](https://okimono.life/wp-content/uploads/2024/01/スクリーンショット-2024-01-31-14.53.21.png)
③メール設定 タブ
![](https://okimono.life/wp-content/uploads/2024/01/スクリーンショット-2024-01-31-14.54.40.png)
![](https://okimono.life/wp-content/uploads/2024/01/スクリーンショット-2024-01-31-14.54.40-1.png)
![](https://okimono.life/wp-content/uploads/2024/01/スクリーンショット-2024-01-31-15.00.55.png)
![](https://okimono.life/wp-content/uploads/2024/01/スクリーンショット-2024-01-31-15.01.02.png)
![](https://okimono.life/wp-content/uploads/2024/01/スクリーンショット-2024-01-31-15.01.09.png)
![](https://okimono.life/wp-content/uploads/2024/01/スクリーンショット-2024-01-31-15.01.15.png)
Events Managerカレンダー設定
ダッシュボード > Events Manager > イベントの新規作成 をクリックします。
![](https://okimono.life/wp-content/uploads/2024/01/スクリーンショット-2024-01-31-15.04.27.png)
イベントの作成画面は、ブログの投稿画面と同じ形です。
まずは、タイトルと本文を作成します。
![](https://okimono.life/wp-content/uploads/2024/01/スクリーンショット-2024-01-31-15.37.40.png)
イベント開催期間を設定します
![](https://okimono.life/wp-content/uploads/2024/01/スクリーンショット-2024-01-31-15.40.59.png)
イベントタグとカテゴリーを設定します。
![](https://okimono.life/wp-content/uploads/2024/01/スクリーンショット-2024-01-31-15.41.25.png)
続いて「開催場所」を選択します。
開催場所は、事前に「開催場所」に登録しているリストから選択します(※これは設定により、都度追加も可能にできます)
![](https://okimono.life/wp-content/uploads/2024/01/スクリーンショット-2024-01-31-15.47.14.png)
最後に「予約/チケットの設定」を選択します。
チケットの種類は金額を指定できます。また座席数も設定できます。最終の予約時間もこちらで設定できるので、しておきましょう。
![](https://okimono.life/wp-content/uploads/2024/01/スクリーンショット-2024-01-31-15.52.35.png)
Events Managerのイベントを表示
イベントは投稿として作成されるため、既にページがある状態です。
先ほど設定したイベントを「公開」して、投稿を表示してみましょう。
Events Managerのカスタマイズ
デフォルトのままでも使えるのですが、使用しているテーマによっては一部競合することも。にゃん花子はTheThorを利用しているため、実際に行ったカスタマイズをご紹介します!
小数点以下を非表示にする
¥1000.000って表示されるので、小数点以下を非表示にします。
こちらはfunction.phpに以下を記載するだけです。
1//小数点以下を非表示
2function em_mod_remove_decimal($formatted_price, $price, $currency, $format){
3 if(!$format) $format = get_option('dbem_bookings_currency_format','@#');
4 if(!$currency) $currency = get_option('dbem_bookings_currency');
5 $formatted_price = str_replace('@', em_get_currency_symbol(true,$currency), $format);
6 $formatted_price = str_replace('#', number_format( $price, 0, '', get_option('dbem_bookings_currency_thousands_sep',',') ), $formatted_price);
7 return $formatted_price;
8}
9add_filter('em_get_currency_formatted','em_mod_remove_decimal',1,4);
イベント詳細ページの書式の変更
Googleカレンダーなどへ追加ボタンを削除する
私の環境では、「ADD TO CALENDER」というボタンが動かず、消したいなーとなりました。
![](https://okimono.life/wp-content/uploads/2024/02/スクリーンショット-2024-02-01-9.59.34.png)
設定箇所が見つからず悩んだのですが、ありました!
イベント > 設定 > フォーマット(タブ) を選択し、冒頭の「コードエディターを有効化」をチェック後、「Super Advanced Modeを有効化」ボタンをクリックしてください。
![](https://okimono.life/wp-content/uploads/2024/02/スクリーンショット-2024-02-01-10.02.24.png)
有効後に、イベント詳細ページ の「イベント詳細ページの書式」に書式が表示されます。こちらをお好みのものへ変更しましょう。
![](https://okimono.life/wp-content/uploads/2024/02/スクリーンショット-2024-02-01-10.12.26.png)
私は、「ADD TO CALENDER」を消したかったので、24行目をコメントアウトしました。
![](https://okimono.life/wp-content/uploads/2024/02/スクリーンショット-2024-02-01-10.14.06.png)
予約するボタンがページ内リンクに飛ばない
こちらも私の環境だけかもしれませんが、「予約する」ボタンからページ内リンクでフォームにとびませんでした。
![](https://okimono.life/wp-content/uploads/2024/03/スクリーンショット-2024-03-21-13.16.06.png)
こちらは、詳細画面のリンク部分を変更することで解消しました。
35行目を変更しています。
![](https://okimono.life/wp-content/uploads/2024/03/スクリーンショット-2024-03-21-13.14.54-1.png)
「リンク部分」を「./」を追加しました。こちらで解消するかと思います!
![](https://okimono.life/wp-content/uploads/2024/03/スクリーンショット-2024-03-21-13.15.05.png)
カテゴリページの書式の変更
続いてカテゴリーページの表記も一部変えていきます。
イベントカテゴリー の「カテゴリー詳細ページの書式」に書式が表示されます。こちらをお好みのものへ変更しましょう。
![](https://okimono.life/wp-content/uploads/2024/02/スクリーンショット-2024-02-01-11.01.51.png)
今回は日本語で表記されているタイトル箇所を、講座用に変更しました。