### [「Post Submissions」アドオンを使ったプロフィールページの作成方法](https://wpforms.com/developers/how-to-build-an-profile-form-using-post-submissions/)

**公開日:** 2020年7月17日
**著者:** Umair Majeed

**概要:** このチュートリアルでは、Post Submissionsアドオンを使用してユーザープロフィールページを作成する方法をご紹介します。

**内容:**

ゲスト投稿コンテンツの下に表示されるカスタムプロフィールセクションを作成したいとお考えですか？Post Submissionsアドオンを使えば、各ゲスト投稿の下に自動的に表示されるプロフェッショナルな著者プロフィールを作成できます。

このガイドでは、WPFormsとWordPressのカスタムフィールドを使用してプロフィールページを設定する方法をご説明します。

## フォームの設定

まず、[Post Submissionsアドオン](https://wpforms.com/docs/how-to-install-and-use-the-post-submissions-addon-in-wpforms/)を有効にした状態で、新しいフォームを作成するか、既存のフォームを編集する必要があります。このフォームは、各ゲスト投稿の下に表示されるプロフィール情報を収集します。

フォームに、名前（単一行テキスト）、誕生日（日付）、自己紹介（段落テキスト）、影響を受けたもの（段落テキスト）、必須アイテム（段落テキスト）などの必須フィールドを追加してください。

コードスニペットを追加する際に必要となるため、各フィールドのIDをメモしておいてください。フィールドIDの探し方がわからない場合は、フォームおよびフィールドIDの検索方法に関するガイドをご確認ください。

「Post Submissions」アドオンを使用したフォームの作成についてサポートが必要な場合は、詳細な[「Post Submissions」アドオンガイド](https://wpforms.com/docs/how-to-install-and-use-the-post-submissions-addon-in-wpforms)をご確認ください。

## WordPressのカスタムフィールドの作成

フォームの作成を始める前に、WordPressの投稿にどのようなカスタムフィールドを追加したいかを決める必要があります。WordPressでカスタムフィールドを作成するには、[こちらのチュートリアル](https://www.wpbeginner.com/wp-tutorials/wordpress-custom-fields-101-tips-tricks-and-hacks/ "WordPressカスタムフィールド入門：ヒント、テクニック、ハック")をご参照ください。

このチュートリアルでは、著者の名前、誕生日、および著者に関する個人的で面白い情報を含むプロフィールセクションを追加します。この情報は、承認されたゲスト投稿の各記事の下部に表示されます。

![プロフィール項目を入力するためのフォームを作成する](https://wpforms.com/wp-content/uploads/2022/09/user-profile-create-form.jpg)## フォームフィールドとカスタムフィールドのマッピング

フォームビルダーで **設定 » 投稿の送信** に移動します。**カスタム投稿メタ** セクションで、カスタムフィールド名（例：「birthday」）を入力し、ドロップダウンから対応するフォームフィールド（例：「Birthday」）を選択します。作成した各カスタムフィールドについて、この手順を繰り返します。

![プロフィールセクション用にフォームフィールドをカスタムフィールドにマッピングする](https://wpforms.com/wp-content/uploads/2022/09/wpforms-map-custom-fields-user-profile.jpg)## コードスニペットの追加

以下のコードスニペットを使用すると、ゲスト投稿の送信フォームの下にプロフィールセクションが表示されます：

サイトにスニペットを追加する場所や方法がわからない場合は、[カスタム JavaScript または PHP コードの追加](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/)に関するこのガイドをご確認ください。

なお、フォーム ID およびフィールド ID は、ご自身のフォームに合わせて変更する必要があります。 正しいフォームIDやフィールドIDの特定については、こちらの[フォームおよびフィールドIDの特定に関するガイド](https://wpforms.com/developers/how-to-locate-form-id-and-field-id/)をご参照ください。

上記のスニペットを追加することで、投稿の直下に表示されるユーザープロフィールセクションが、各ゲスト投稿の送信フォームに自動的に追加されます。

これで、**Post Submissions アドオン**を使用してプロフィールページセクションを作成する手順はすべて完了です。

![プロフィールフォームの投稿にカスタムフィールドが表示されるようになりました](https://wpforms.com/wp-content/uploads/2022/09/wpforms-display-user-profile.jpg)投稿フォームから特定の投稿やページを除外できるようにしたいですか？ 記事「[Dynamic Choicesから投稿、ページ、カテゴリを除外する方法](https://wpforms.com/developers/how-to-exclude-posts-pages-or-categories-from-dynamic-choices/ "How to Exclude Posts, Pages or Categories From Dynamic Choices")」をご覧ください。

## よくある質問

#### Q: なぜHTMLが削除されてしまうのですか？

**A:** これは、スニペット内で入力内容を表示するために `esc_html` を呼び出しているためです。これにより、書式設定に使用された多くのHTMLのspanやdivが削除されてしまいます。これらのフィールドでHTMLを許可する必要がある場合は、代わりに `wp_kses_post` を使用してください。

## 参照アクション

[wpforms\_post\_submissions\_process](https://wpforms.com/developers/wpforms_post_submissions_process/ "wpforms_post_submissions_process アクションの使用")

**カテゴリ:** アドオン

**タグ:** PHP

---