WordPressでユーザー送信型のイベントカレンダーを作成する方法

WordPressサイトでユーザーがカレンダーイベントを送信できるようにしたいですか？

ユーザーが送信したイベントを追加することは、コミュニティを構築し、サイトのエンゲージメントを高める素晴らしい方法です。

この投稿では、WordPressの管理エリアに訪問者をアクセスさせることなく、ユーザー送信型のイベントカレンダーを簡単に作成する方法を紹介します。

なぜユーザー送信のイベントカレンダーを作るのか？

WordPressカレンダーのイベントをクラウドソーシングすることは、コミュニティを構築し、新しい訪問者を引き付け、カレンダーを最新のイベントに更新する素晴らしい方法です。

また、今後のイベントをインターネットで検索する必要がないので、時間の節約にもなる。

コミュニティメンバーがカレンダーにイベントを追加できるようになると、イベントの無料プロモーションを得ることができます。さらに、WordPressサイトの訪問者や他のコミュニティメンバーは、自分のエリアで開催されるイベントを簡単に知ることができます。

例えば、あなたがチャリティや非営利の会員制サイトを運営しているとします。あなたは、会員がさまざまな募金活動、セミナー、チャリティー、ウェビナー、その他のコミュニティイベントをサイトのカレンダーに追加できるようにすることができます。

しかし、WordPressでは初期設定として、ユーザーがフロントエンドでカレンダーイベントを送信したり、ファイルをアップロードしたりすることができないのが問題です。ユーザーごとにアカウントを作成し、管理エリアへのアクセスを許可する必要があります。この方法は時間がかかるし、リスクもある。

ありがたいことに、もっと簡単な方法がある。WordPressでカレンダーのイベントを追加させる方法を見てみましょう。

WordPressでユーザー送信型イベントカレンダーを作成する

WordPressの管理画面にアクセスさせることなく、ユーザーがカレンダーイベントを追加できるようにする最善の方法は、WPFormsを使用することです。これはWordPressのための最高のお問い合わせフォームプラグインであり、600万人以上の企業に信頼されています。

このプラグインでは、ファイルアップロードフォームを作成することができ、投稿日アドオンを提供し、イベントリスト、PDF、投稿日、引用、その他のコンテンツをサイトのフロントエンドで受け付けることができます。

まず、WPFormsプラグインをインストールして有効化する必要があります。ヘルプが必要な場合は、WordPressプラグインのインストール方法に関する初心者ガイドをご覧ください。

有効化したら、WordPressダッシュボードからWPForms ” 設定ページに移動し、ライセンスキーを入力します。この情報はWPFormsアカウントエリアにあります。

次に、「Verify Key」ボタンをクリックして続行する。

その後、WPForms ” Addonsページにアクセスし、Post Submissions Addonまでスクロールダウンしてください。

アドオンのインストール」ボタンをクリックします。

アドオンがインストールされると、状態が「未インストール」から「有効化」に変わります。

イベントカレンダープラグインの設定

次に、WordPressサイトにイベントカレンダーを作成するには、WordPressイベントカレンダープラグインが必要です。

このチュートリアルでは、The Events Calendarプラグインを使用します。WordPress用の強力なイベント管理システムで、たくさんの機能を提供しています。イベントを追加したり、主催者や会場を管理したりするのに簡単に使うことができます。詳しくはThe Events Calendarのレビューをご覧ください。

さらに、The Events Calendarは無料版を提供しており、WPFormsと簡単に統合できます。

まず、The Events Calendarプラグインをインストールして有効化する必要があります。詳しくはWordPressプラグインのインストール方法をご覧ください。

有効化すると、WordPress管理画面のイベント ” 設定ページにリダイレクトされ、そこでプラグインがコミュニティに参加するよう求めてきます。とりあえず「スキップ」ボタンをクリックしてください。

その後、イベントカレンダーのさまざまな設定を行うことができます。

一般」タブには、ページごとに表示するイベント数の変更、イベント用ブロックエディターの有効化、コメント表示、イベントURLスラッグの編集などの設定がある。

下にスクロールすると、イベントカレンダーのタイムゾーン設定もできます。このプラグインを使えば、サイトのタイムゾーンをどこでも使うことができますし、イベントごとにタイムゾーンを手動で設定することもできます。

サイト全体のタイムゾーンを使用する」オプションを使用することをお勧めします。これにより、WordPressユーザーが送信するイベント時間をサイトのタイムゾーンと一致させることができます。

変更が完了したら、「変更を保存」ボタンをクリックします。

その後、「表示」タブに行き、イベント・カレンダーの外観を編集することができます。

例えば、初期設定のスタイルをオフにする、テンプレートを選択する、イベント表示を有効化するなどのオプションがある。

変更したら、カレンダーのイベントを受け付けるフォームを作成する方法を見てみましょう。

ユーザー送信イベントフォームの作成

次のステップでは、WPFormsを使ってサイトにイベント登録用のフォームを作ります。

まず、WordPress ダッシュボードからWPForms ” 新規追加のページにアクセスします。これでドラッグアンドドロップフォームビルダーが起動します。

上部にフォームの名前を入力し、「ブログ投稿フォーム」テンプレートを選択するだけです。

The Events Calendarプラグインを使用すると、各イベントがカスタム投稿タイプになるため、このテンプレートを使用しています。WPFormsを使うと、ブログ投稿フォームのテンプレートを編集して、通常のブログ投稿の代わりにイベントカスタム投稿タイプを送信することができます。

次の投稿では、投稿フォームをカスタマイズできます。

WPFormsではドラッグ＆ドロップでフォームを作成することができます。ドロップダウンメニュー、チェックボックス、電話番号、住所、サイトのURLなどを追加することができます。

さらに、各フォームフィールドの順序を並べ替えたり、不要なフィールドを削除することもできます。

例えば、フォームテンプレートに「日付/時刻」フィールドを追加して、「イベント開始日/時刻」と「イベント終了日/時刻」を表示します。

プロのヒント日付/時刻フィールドを追加する際、必ず「過去の日付を無効化」のチェックボックスをクリックしてください。この設定は「詳細オプション」タブにあります。

これにより、すべての新規イベントの日付が未来のものになります。また、誰かがうっかり間違った年を入力してしまった場合にも、ミスを発見しやすくなります。

フォームを作成する際、フォームフィールドの名前を変更することができます。これを行うには、単にそれらをクリックして、左側のメニューのフィールドオプションの下にある’ラベル’を変更します。

チュートリアルでは、投稿タイトルのラベルをイベントタイトルに、投稿抜粋のラベルをイベント説明に変更しました。

その後、フォームビルダーの設定 ” 投稿タブに行く必要があります。

投稿日’オプションがオンになっていることを確認してください。

それに加えて、The Events Calendarプラグインが探すフィールドとフォームフィールドを一致させる必要があります。

例えば、デモのフォーム・フィールドはこのようにマッピングされている：

• 投稿タイトルからイベントタイトルへ
• 抜粋をイベント説明に投稿する
• おすすめ投稿画像からおすすめ画像へ
• イベントへの投稿タイプ
• 投稿ステータスから審査保留へ
• 投稿者から現在のユーザーへ

審査待ちの状態であれば、各イベントの投稿を管理することができます。さらに、オンライン決済を受け付けている場合は、イベントを承認する前に決済が成功したかどうかを確認することができます。

次に、イベントの開始日時と終了日時をマッピングする必要があります。そのためには、’カスタム投稿メタ情報’セクションまでスクロールダウンし、フォームのそれぞれのフィールドをマッピングするコードを入力してください。

開始するには、_EventStartDateコードを追加し、ドロップダウンメニューからイベント開始時間フィールド（イベント開始日時など）を選択します。

次に’+’ボタンをクリックしてカスタム投稿メタ情報を追加し、_EventEndDateコードを入力してイベント終了フォームフィールド（イベント終了日時のようなもの）をマッピングします。

次に、フォームの他の設定を変更することもできます。

確認」タブに移動すると、ユーザーがカレンダーイベントを送信したときに表示されるサンキューページを表示するための設定が表示されます。

フォーム送信時にページにメッセージを表示したり、別のURLにリダイレクトさせることができます。

その他、「通知」の設定も変更できる。

このプラグインでは、フォーム送信時のメール通知の受信設定を変更することができます。例えば、送信先メールアドレス、件名、送信者名などを変更することができます。

イベント投稿フォームの変更を保存するには、上部にある「保存」ボタンをクリックすることを忘れないでください。

ユーザー送信イベントフォームを公開する

ユーザー送信イベントフォームを作成したら、WordPressサイトに公開しましょう。

WPFormsはWordPressにフォームを埋め込むための複数のオプションを提供しています。ブロックエディターでWPFormsブロックを使用したり、ショートコードを使用したり、サイドバーウィジェットを追加したりすることができます。

このチュートリアルでは、WPFormsが提供するEmbedウィザードを使用します。

まずは、右上の「Embed」ボタンをクリックしてください。

ボタンをクリックすると、ポップアップウィンドウが外観表示されます。

新規ページを作成’ボタンをクリックすると、WPFormsが自動的にフォーム用の新規ページを作成します。

既存のページを選択」をクリックして、公開するページにフォームを追加することもできます。

次に、あなたのページの名前を入力する必要があります。それが完了したら、’Let’s Go!’ボタンをクリックするだけです。

次の画面では、新しいWordPressページにユーザー送信イベントフォームが表示されます。

ページをプレビューし、「公開する」ボタンをクリックします。

これで、あなたのサイトにアクセスして、フォームの動作を確認することができます。

WordPressサイトのフロントエンドではこのように表示されます。

次に、WordPressダッシュボードからイベントページにアクセスして、ユーザーが送信したカレンダーイベントを確認することができます。

ユーザーが送信したイベントはすべて保留としてここに表示されます。各イベントの下にある’編集’ボタンをクリックすると、そのイベントを確認することができます。

そうしたら、ユーザーが必要なイベントの詳細をすべて入力したことを確認します。必要な情報が不足している場合は、追加することもできますし、サイトの必須条件を満たしていない場合は、カレンダーイベントを拒否することもできます。

その後、ユーザーが送信したイベントを公開するだけです。その後、The Events Calendarが作成したURLにアクセスすることで、あなたのイベントを表示することができます：https://www.example.com/events

ボーナス：WordPressでシンプルなイベントカレンダーを作成する

自分だけがイベントを追加できるカレンダーを作りたいのであれば、Sugar Calendarを使えばそれが可能です。

複数のカレンダーを作成したり、イベントの開始・終了時刻を設定したり、Googleカレンダーと同期したりできる、市場で最高のカレンダープラグインだ。

プラグインを有効化したら、WordPressダッシュボードからカレンダーページにアクセスするだけです。ここで「カレンダー」タブに切り替え、「新規追加」ボタンをクリックします。

プロンプトが表示されますので、カレンダーの名前を追加してください。

それができたら、「イベント」タブに切り替え、「イベントを追加」ボタンをクリックします。

コンテンツエディターが画面に表示され、イベントの名前、日時、期間など、すべての情報を追加することができます。

最後に「公開する」ボタンをクリックして、設定を保存します。これでカレンダーへのイベント追加は完了です。詳しくは、WordPressでシンプルなイベントカレンダーを作成する方法のチュートリアルをご覧ください。

WordPressでユーザー送信型のイベントカレンダーを作成する方法について、この投稿がお役に立てれば幸いです。また、サイトを HTTP から HTTPS に移行する方法や、WordPress の SEO プラグインとツールのランキングを向上させる方法についても、ぜひご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.