WordPressのユーザー投稿イベント

WordPressでユーザー投稿型のイベントカレンダーを作る方法(簡単)

ウェブサイトにあるカレンダーに、ユーザーがイベントを投稿できるようにしたいですか?

ユーザーに自分のイベントを投稿させることは、ユーザーにコミュニティカレンダーを構築させる素晴らしい方法です。

この記事では、WordPressでイベントカレンダーを作成し、訪問者が自由にイベントを投稿できるようにする方法を紹介します。

ユーザー参加型イベントフォームを今すぐ作成

フロントエンド・イベント・カレンダー投稿とは?

フロントエンド投稿は、ユーザーにログインさせることなく、イベントリストを受け付けることができます。これにより、人々はあなたのWordPressカレンダーにイベントを投稿するのがとても簡単になります。

WPForms ProにはThe Events Calendarというカレンダープラグインと簡単に統合できる素晴らしい投稿アドオンがあります。

イベントカレンダーホームページ

このプラグインを組み合わせれば、フロントエンドのサブミッションを簡単に受けることができる:

  • 地域コミュニティ・イベント
  • 映画上映
  • ストリート・パーティー
  • コンサートとフェスティバル
  • ウェビナー
  • スポーツマッチ
  • ...などなど。

また、ウェブサイトのカレンダーに掲載されたイベントリストに課金したり、支払いボタンを追加してチケットを販売したりすることで、オンラインでお金を稼ぐこともできる。

WordPressでユーザー投稿型のイベントカレンダーフォームを作成する方法

ステップ1:WPFormsプラグインをインストールする

まず最初にWPFormsプラグインをインストールして有効化します。WPFormsは最高のWordPressフォームビルダープラグインです。WordPressが初めての方は、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

次に、WPForms用のPost Submissionsアドオンをインストールして有効化する必要があります。このアドオンはProバージョン以上で利用可能です。このアドオンはWordPressサイトにフロントエンド投稿機能を追加します。

これを行うには、WPForms"Addonsに移動します。

WPFormsアドオンメニューを開き、ユーザーが送信したイベントを追加する

下にスクロールして、投稿と書かれたものを見つけてください。

アドオンのインストール]をクリックし、[アクティベート]をクリックします。

ユーザーが投稿したイベントを追加するためにPost Submissionsアドオンを追加する

ステップ1は以上です。いよいよイベント投稿フォームの作成です。

ステップ2:ユーザー投稿イベント用フォームの作成

WPFormsは膨大なテンプレートライブラリによって、あなたのウェブサイト用のフォームを簡単に作成することができます。あなたは簡単にあなたの特定のニーズに最適なフォームを見つけることができますので、イベント企画フォームのテンプレート全体のカテゴリを取得します。

Post Submissionsアドオンをインストールすると、Blog Post Submission Form templateという新しいテンプレートが手に入ります。必要なテンプレートにはAddonラベルがついており、Post Submissions アドオンで動作するように特別に設計されていることを示します:

WPFormsのブログ記事テンプレート

次に、これをイベント投稿フォームにするために、フィールドの名前を変更してみましょう:

  • 投稿 タイトル イベントタイトルに変更
  • 注目の 画像 プロモーション画像にリネーム
  • 抜粋を 投稿する 短いイベント説明に名前を変更

次に、フォームにいくつかのフィールドを追加する必要がある。

まず、リッチテキスト・フィールドを追加して、訪問者が画像付きの完全な書式のイベントリストを追加できるようにしましょう。

既存の投稿内容のテキストフィールドを削除し、その場所にリッチテキストフィールドをドラッグします。Full Event Description」という名前を付けます

リッチテキスト投稿フィールド

リッチテキストフィールドのフィールドオプションで、これら3つの設定をすべてオンにしました:

  • メディアアップロードを許可する: 訪問者がイベントリストに画像を追加できるようにします。
  • WordPressのメディアライブラリにファイルを保存:アップロードされた画像をWordPressのメディアライブラリに追加します。
  • また、フィールドを「必須」に設定した。

リッチテキスト・フィールドのオプション

1つはイベント開始時間( )、もう1つはイベント終了時間です。これらのフィールドを使うことで、訪問者はWordPressのカレンダーに単日または複数日のイベントを追加することができます。

WordPressでユーザーが投稿したイベントフォームを編集する

日付/時間フィールドの両方で、過去の日付を無効にすることをお勧めします。これは日付/時間フィールドの詳細オプションにあります。

過去の日付を無効にすると、新しいイベントはすべて未来の日付になります。これは、誤って間違った年を選択してしまった場合などのミスを防ぐのに役立ちます。

日付ピッカーで過去の日付を無効にする

よし、完了だ。保存をクリックしましょう。

ステップ3:イベント・カレンダー・プラグインをインストールする

次に、WordPressのイベントカレンダープラグインをインストールする必要があります。Events CalendarはWPFormsと相性の良いWordPressサイト用の無料プラグインです。

イベントカレンダープラグインは、WordPressダッシュボードに表示されるイベントという カスタム投稿タイプを作成します。

訪問者がフォームを送信すると、新しいイベント投稿が作成されます。フォームのメタデータを使用して、Events Calendar にイベントのリストアップ方法を伝えます。もしあなたのサイトでユーザーがイベントを投稿できるようにするもっと簡単な方法をお望みなら、WPFormsとSugar Calendarを使ってユーザーが投稿したイベントを許可するチュートリアルをぜひご覧ください。

さっそくWordPressのイベントカレンダーを使ってみましょう。

無料版のイベント・カレンダーでは、ユーザーが地域コミュニティのイベントを1つだけ作成することができます。The Events Calendar Proを使えば、定期的なイベントを作成できます。

インストールするには、WordPressのダッシュボードでプラグイン"新規追加に 進み、The Events Calendarを検索してください。

今すぐインストール]をクリックしてプラグインをインストールします。

イベントカレンダープラグインをインストールする

イベントカレンダープラグインを有効にして、設定を行ってください。イベント投稿タイプを次のステップに備えるために、今これを行うことが重要です。

それでは、フォームとWordPressイベントプラグインの接続を作成します。

関連記事イベントカレンダーからシュガーカレンダーに切り替える方法

ステップ 4: フォームを WordPress のイベントカレンダーに接続する

The Events Calendarプラグインを設定したら、作成したフォームをカレンダーに接続する必要があります。

先ほど作成したイベント投稿フォームを開いてください。そして、フォームエディターの設定 " 投稿投稿 を開き、投稿投稿を有効にしてください。

ユーザー投稿イベント投稿フォーム

次に、フォームのフィールドをイベントカレンダーが探しているフィールドに合わせます。

ブログ記事投稿フォームテンプレートを使ったので、このマッピングの一部はすでに行われています。しかし、手動で設定する必要があるものがいくつかあります。

マッピングを以下のように設定する:

  • イベントタイトルにマッピングされた投稿 タイトル
  • 追加したリッチ・テキスト・フィールドである「フル・イベントの説明」にマッピングされた投稿 内容
  • 短い イベント説明への 抜粋マップを投稿する
  • 注目 画像の 投稿マップをプロモーション画像に

投稿アドオンのマップされたフィールド

さらに、これらのフィールドをフォームからイベント投稿にマッピングしました:

  • Post Typeが Postsに設定されている可能性が高いので、これをEventsに変更する必要があります。
  • 投稿のステータスを審査待ち」に設定する
  • カレントユーザーには何でも指定できます。私たちはWordPressのサイト管理者アカウントにマッピングしました。

投稿投稿アドオン - 投稿タイプマッピング

審査待ちステータスは、各イベントの投稿を公開前に承認することができます。このステータスを使用すると、支払いが正常に行われたことを確認することができます。

イベントが送信されたらすぐに公開したい場合は、この記事の最後にあるFAQセクションで方法を紹介します。

カスタム投稿メタの設定

日時をマッピングするには、カスタム投稿メタセクションまでスクロールダウンしてください。

ここでは、フォームの開始時間と終了時間をイベント・カレンダーの開始時間と終了時間に対応させるためのパラメーターを設定します。これらの4つのパラメータはすべて設定する必要があることに注意してください。

  • イベント開始日が開始時間にマップされる
  • EventEndDateは End Timeにマップされます。
  • 開始時刻にマップされた_EventStartDateUTC
  • 終了時刻にマップされた_EventEndDateUTC

公開されたイベントのメタ情報を投稿する

実際、カスタム投稿メタセクションはあらゆる種類のカスタムフィールドに便利です。ここで使えるその他のフィールドについては、この記事の最後にあるFAQセクションをチェックしてください。

これで完了なので、「保存」をクリックしよう。

ステップ 5: イベント送信後の確認メッセージのカスタマイズ

イベント投稿フォームを公開する前に、ユーザーに表示されるデフォルトのサンキューメッセージを変更することをお勧めします。

これは、設定 " 確認で行うことができます。

イベントフォームの確認

プレビューパネルで、お好きなようにメッセージをカスタマイズしてください。

イベントフォームの確認メッセージ

WPFormsは、誰かがあなたのウェブサイトのカレンダーにイベントを送信した後、多くのオプションを提供します。また、以下のことも可能です:

  • 条件付き確認を使用して、イベントの種類に応じて異なるメッセージを表示する。
  • 訪問者を指定のサンキューページに転送する
  • 別のウェブサイトに転送する。

フォームの確認

フォームを送信する前に、ユーザーに入力内容をプレビューさせることを忘れないでください。フォームを送信する前に入力内容をプレビューする方法をご紹介します。

こちらもお読みください:EメールとSMSのためのアポイントメントリマインダーのテンプレート

ステップ 6: ユーザーが投稿したイベントフォームを公開する

これで、WordPressサイトにイベントを公開する準備ができました!

WPFormsでは、フォームをさまざまな方法で追加することができます:

この例では、埋め込みウィザードを使ってイベント登録フォームを追加してみましょう。これにより、訪問者がユーザーが投稿したイベントを追加するための新しいページが自動的に作成されます。

フォーム・ビルダー・ウィンドウの上部にある「埋め込み」をクリックする。

イベント投稿フォームを埋め込む

新規ページの作成」をクリックします。

WordPressにユーザー投稿フォームを埋め込む

最後に、ページ名を入力し、オレンジ色の「Let's Go」ボタンをクリックしてページを作成します。

WordPressでユーザーが投稿したイベントページに名前を付ける

あとはPublishを押してフォームを公開するだけです。

ユーザーが投稿したイベントフォームを公開する

それで終わりです!フォームの完成です。必要であれば、CSSを使用してフォームをさらにスタイル設定することができます。

訪問者がフォームからイベントを投稿できるようになり、イベントカレンダープラグインを使って管理できるようになりました。

ステップ7:イベント・カレンダー投稿の確認と公開

すごい!さて、WordPressでユーザー投稿イベントフォームを公開しました。

私たちのフロントエンドはこんな感じだ:

フロントエンド・ユーザーが提出したイベント・フォーム

フォームを送信してください。

イベントを確認するには、WordPressダッシュボードの「イベント」にアクセスしてください。

WordPressのイベントカレンダーメニュー

カレンダーフォームから送信されたイベントは、保留中として表示されます。これは、あなたのサイトのカレンダーに表示される前に、イベントマネージャー画面で承認される必要があることを意味します。

イベントを編集するには、イベントタイトルの下にある「編集」をクリックします。

保留中のイベントを編集する

投稿のプレビュー; WPFormsのリッチテキストフィールドを使用すると、ダッシュボード内で画像を含む完全なイベントの詳細を表示することができます。

イベント詳細-サブミッションフォーム

画面下部の「Time & Date(時刻と日付)」については特に注意してください。これを正しくマッピングすると、WordPressサイトのタイムゾーンでイベントが表示されます。

イベント・カレンダーの開始時間と終了時間

すべてのイベントの詳細を確認し終わったら 出版.の新しいイベントカレンダーに表示されます。  http://yoursite.com/events

WordPressでイベントを公開

これで完成です!これでWPFormsを使ってWordPressでユーザー投稿型のイベントカレンダーを作成する方法がわかりました。

ユーザー投稿イベントカレンダーに関するFAQ

ユーザが投稿したイベントに関してもっと質問がありますか?このWPForms Events Calendarの統合を使用する他の方法を見てみましょう。

承認なしでWordPressにイベントを追加できますか?

はい!必要であれば、誰かがカレンダーフォームを送信するとすぐに、送信されたイベントを公開することができます。そうすれば、手動で承認する必要がなく、WordPressのイベントカレンダーに即座に表示されます。

私たちが使用しているWordPressのイベントカレンダープラグインは、これをサポートしています。

これを成功させるには、上記の手順で2つの点を微調整する必要がある。

カレンダーフォームの投稿設定で、投稿ステータスを審査待ち」ではなく公開」に設定します。

イベントカレンダーでWordPressにイベントを公開しよう

これで完了です!これでイベント登録フォームとイベントカレンダーが同期されました。これで、カレンダーフォームが送信されると同時に、あなたのイベントが公開されます。

この問題が発生した場合、通常はタイムゾーンの不一致が原因です。この問題を解決するには、イベントカレンダーの「一般設定」から「タイムゾーンデータの更新」をクリックしてください。

タイムゾーンデータの更新

WordPressでイベントの掲載に課金できますか?

はい、WPFormsはこれも簡単です!

イベント一覧フォームに支払いフィールドを追加し、WPFormsに支払いゲートウェイを接続することができます。WPFormsはStripe、Square、Authorize.net、PayPalなどの主要な決済ゲートウェイと統合できます。

ここでは、WPFormsを通じて支払いを収集する方法を詳細に説明するいくつかの有用なガイドを紹介します:

手動でイベントを承認する前に、支払いが成功したことを手動で確認することに留意してください。

イベント応募のEメール通知は可能ですか?

はい、できます!デフォルトでは、WPFormsは新しいイベントリストを受信するとWordPressの管理者メールアドレスにメールを送信します。もしメール通知をカスタマイズしたり、もっと多くの通知を追加したい場合は、フォーム通知メールの送信ガイドをご覧ください。

もし必要であれば、WPFormsの通知をオフにして、The Events CalendarがイベントごとにEメール通知を送るようにすることもできます。イベントカレンダーからの通知が届かない場合は、イベントカレンダーからメールが送信されない場合の対処法をご覧ください。

このガイドでは、イベントカレンダーから送信されたメールを記録する方法も紹介します。

イベントを公開したときに訪問者に通知することはできますか?

確かに!無料のプラグインを使えば、WordPressからブラウザのプッシュ通知を送信できることをご存知ですか?WordPressからプッシュ通知を送信する方法については、こちらの記事をご覧ください。

新しいイベントをGoogleカレンダーに送信できますか?

はい!WPFormsを使えば、WordPressのフォーム入力をGoogleカレンダーにも簡単に送信できます。

イベントをCSVにエクスポートするには?

WPFormsを使えば、フォームの入力内容をCSVやXLSXにエクスポートすることができます。WordPressでフォームエントリをエクスポートする方法については、こちらのガイドをご覧ください。

カスタム投稿のメタフィールドを増やすことはできますか?

はい:

  • イベント・オールデイ - の値を持つチェックボックスフィールドにマッピングする。 YES チェックされている場合は空白、チェックされていない場合は空白
  • イベントコスト - をフォームの数値フィールドにマッピングして価格を表示するか、値を持つ隠しフィールドを使用します。 0 (ゼロ) すべてのイベントが無料の場合
  • イベント表示マップ - でチェックボックスにマッピングする。 TRUE そして FALSE 値を持つ隠しフィールド、または TRUE 常に地図を表示したい場合
  • _EventURL- フォームのURLフィールドにマッピングします。

フィールドを増やす前に知っておいてほしい:

  • Venueまたは_Organizerで始まるフィールドは、イベント投稿タイプでは機能しません。
  • シリアライズされた配列はフォームにマッピングできない
  • EventVenueIDのように、他の投稿からデータを引っ張ってくるフィールドはおそらく機能しません。

追加フィールドのマッピングは高度なテクニックです。詳しくはThe Events Calendar post meta documentationをご覧ください。

ユーザー参加型イベントフォームを今すぐ作成

次に、ユーザーが投稿したブログ記事を受け入れる

ユーザーがWordPressのイベントをあなたのサイトに投稿できるようになった今、それについてブログを書くこともできたら素敵だと思いませんか?ユーザーが投稿した記事を受け入れれば、訪問者がプレスリリースやその他のイベント情報を共有し、カレンダーへのトラフィックを増やすことができます。

これを設定するには、WordPressでユーザー投稿を受け付ける簡単な方法をご覧ください。

また、イベントで写真撮影を予定している場合は、オンライン・モデル・リリース・フォームを作成することをお忘れなく。

フォームを作る準備はできましたか?最も簡単なWordPressフォームビルダープラグインで今すぐ始めましょう。WPForms Proにはイベントフォームテンプレートが含まれており、14日間の返金保証があります。

この記事がお役に立ちましたら、Facebookや TwitterでWordPressの無料チュートリアルやガイドをフォローしてください。

情報開示私たちのコンテンツは読者支援型です。つまり、あなたが私たちのリンクをクリックした場合、私たちはコミッションを得る可能性があります。WPFormsがどのように資金を調達しているのか、なぜそれが重要なのか、そしてどのように私たちをサポートできるのかをご覧ください。

クレア・ブロードリー

クレアはWPFormsチームのコンテンツマネージャーです。彼女は13年以上のWordPressとウェブホスティングに関する執筆経験があります。もっと知る

最高のWordPressドラッグ&ドロップフォームビルダープラグイン

簡単、速い、安全。WPFormsを信頼する600万人以上のWebサイトオーナーの仲間入りをしてください。

このフォームを入力するには、ブラウザのJavaScriptを有効にしてください。

18 comments on "WordPressでユーザー投稿型のイベントカレンダーを作る方法(簡単)"

  1. 私たちは非営利のコミュニティ(URLは削除されました)を持っており、上記のようにイベントカレンダー機能を使用したいと考えていました。
    しかし、インストール中にWPForms Proにアップグレードする必要があるようなのですが、これは記載されておらず、そのための資金もありません。代替案はありますか?

    1. こんにちは、リンケ、

      現在、非営利団体向けに2つの特別割引を提供しています:

      Proライセンスは年間99ドル(通常年間399ドル)。Proライセンスでは、StripeアドオンやPayPalアドオン(サイト上のフォームから寄付を受け付けることができます)など、多数のアドオンをご利用いただけます。

      エリートライセンスは年間199ドル(通常年間599ドル)。Eliteライセンスでは、Proライセンスで提供されるすべてのものに加え、Webhooks、ActiveCampaign、Authorize.Net、Salesforceアドオンなどのアドオンが追加されます。

      プロとエリートの非営利ライセンスはどちらも5サイトまでに制限されていることにご注意ください。

      非営利サイトを維持し、更新を選択する限り、料金は変わりません。

      この特別価格をご利用いただくには、まずこのフォームにご記入いただく必要があります。これにより承認プロセスが開始されます。

      フォームを送信して承認されると、特別なチェックアウト・リンクが表示されます。

      お役に立てれば幸いです! 🙂。

  2. ブログ記事投稿アドオンで、イベントカレンダーにマッピングできる定期的な日付フィールドを作成することは可能ですか?または、回避策はありますか?

    1. Leghaさん、こんにちは。

      申し訳ございませんが、定期的な日付フィールドを作成することは現時点ではできません。申し訳ございませんが、今のところお探しの機能を提供することはできません。

      イベントカレンダープラグインは、定期的なイベントを設定することを推奨していません。なぜなら、何百ものインスタンスを持つ長期的な繰り返しパターンは、あなたのデータベースに大きな負担をかける可能性があり、あなたのサイトとイベントの速度を著しく低下させるからです。詳しくはこちらのEvent's Calendarプラグインをご覧ください:終了しないパターンと長期の再帰パターン

      ありがとう!

  3. Wpformの日付カレンダーに利用可能なGoogleカレンダーのイベントを表示できますか?

    1. サリームさん、こんにちは!

      現在のところ、WPFormsの日付ピッカーに利用可能なGoogleカレンダーのイベントを表示することはできません。申し訳ございません。

      この機能にご興味をお持ちいただき、この機能に関する最新情報を受け取るためのリストにあなたのEメールを追加しました。

      ありがとう!

  4. ユーザーがイベントチケットを作成できるようにするには?イベント・カレンダー・コミュニティ・イベントとコミュニティ・イベント・チケットとイベント・チケット・プロがあります。

    送信時にフォームでチケットを作成できるようにする方法はありますか? ページの一番上に記載されていますが、記事にはありません。

    ありがとう、

    サイモン

    1. サイモン-ご迷惑をおかけして申し訳ありません。可能な限り詳しくお答えし、混乱を避けるため、お手数ですが、弊社チームまでご連絡ください。

      メールサポートにアクセスするには、サポートチケットを送信してください。

      ありがとう。

      1. イベントの日付が変更されたり、wpformのエントリーが削除されたり、wpformのエントリーが日付や開始時間を変更する必要がある場合、この変更はイベントも更新するのでしょうか、それとも逆でしょうか?

      2. ジョージ - WPFormsエントリーの日付を変更する場合、その変更はWPFormsエントリー自体にのみ影響します。実際のイベントリストやカレンダーなどの対応するイベントは、これらの変更によって自動的に更新されることはありません。つまり、WPFormsエントリーを変更しても、イベント情報は自動的に更新されません。

        とはいえ、イベントカレンダープラグインでWPFormsとは別にイベントの詳細を変更した場合、その変更は対応するWPFormsエントリを自動的に更新しません。WPFormsエントリとイベントは互いに独立しています。

  5. こんにちは、
    すべてのステップを踏んで、チームメンバーが記入できる休暇カレンダーを作成しました。 このカレンダーは、メンバーがいつ外出するかなどを知る簡単な方法です。 問題は、承認なしで自動投稿できるように追加のメタフィールドを作成したことです。 しかし、一度イベントが作成されると、イベントに入って更新ボタンを押すまで表示されません。 何か見落としているのでしょうか?

    1. チャド - 喜んでお手伝いさせていただきます!お時間がありましたら、サポートまでご連絡ください。

      WPFormsのライセンスをお持ちの方は、メールサポートをご利用いただけますので、サポートチケットを送信してください。

      それ以外の場合は、WPForms Lite WordPress.orgのサポートフォーラムで限定的な無料サポートを提供しています。

      ありがとう🙂。

  6. 予約カレンダーで同じことができますか?
    部屋の予約のためにカレンダーが必要なので、他のユーザーがすでに予約している場合、その部屋を使用不可にしたいのですが。

    1. こんにちは、Mariem - 現在プラグインにはダブルブッキングを防ぐ機能はありません。これは便利な機能だと思うので、開発者の目に留まるよう、機能リクエストトラッカーに追加しておきます。

    1. ボリス - 喜んでお手伝いさせていただきます!お時間がありましたら、サポートまでご連絡ください。

      WPFormsのライセンスをお持ちの方は、メールサポートをご利用いただけますので、サポートチケットを送信してください。

      それ以外の場合は、WPForms Lite WordPress.orgのサポートフォーラムで限定的な無料サポートを提供しています。

      ありがとう🙂。

  7. このプラグインからWP FormsにOrganizer投稿タイプを作成させることは可能ですか?

    すべてインストールしましたが、Event投稿タイプは表示されますが、Oranizer(またはVenue)投稿タイプは表示されません。

    ありがとう! ᙂ。

    1. 申し訳ありません。現在、_Venueまたは_Organizerで始まるフィールドは、イベント投稿タイプでは動作しません。これはサードパーティのプラグインが関係しているので、Events Calendarプラグインのサポートチームに回避策を確認することをお勧めします。とりあえず、開発者の目に留まるよう、機能リクエストのリストに追加しておきます。

      ありがとう🙂。

コメントを追加する

コメントをお寄せいただきありがとうございます。すべてのコメントはプライバシーポリシーに従って管理され、すべてのリンクはnofollowであることにご留意ください。名前欄にはキーワードを使用しないでください。個人的で有意義な会話をしましょう。

このフォームはCloudflare Turnstileによって保護されており、Cloudflareプライバシーポリシーおよび利用規約が適用されます。