ご注意!

この記事には PHP コードが含まれており、開発者を対象としています。このコードは便宜上提供していますが、コードのカスタマイズやサードパーティの開発についてはサポートを提供していません。

追加のガイダンスについては、WPBeginner の カスタムコードの追加方法に関するチュートリアル を参照してください。

閉じる

ドロップダウン、チェックボックス、複数選択フィールドの値を追加する方法

ドロップダウンチェックボックス複数選択フィールドなどのフィールド値の組み込みにご興味がありますか?デフォルトでは、これらのフィールドは各オプションのラベル付けのみを許可します。しかし、このチュートリアルでは、ラベルに加えて値に対応するために追加のフィールドを追加する方法を説明します。

フィールド値を追加するスニペットの追加

まず、このスニペットをサイトに追加する必要があります。スニペットをサイトに追加する方法についてサポートが必要な場合は、こちらのチュートリアルをご覧ください

/**
 * Show values in Dropdown, checkboxes, and Multiple Choice.
 *
 * @link https://wpforms.com/developers/add-field-values-for-dropdown-checkboxes-and-multiple-choice-fields/
 */
 
add_filter( 'wpforms_fields_show_options_setting', '__return_true' );

フォームの作成

次に、フォームを作成し、ドロップダウンチェックボックス、または複数選択フォームフィールドを追加する必要があります。このチュートリアルでは、色の選択肢のドロップダウンフィールドを追加します。

フォームの作成方法については、こちらのドキュメントをご覧ください

フォームビルダーで「値の表示」設定を有効にする

ドロップダウンチェックボックス、または複数選択フォームフィールドを追加し、選択肢を入力したら、詳細設定タブをクリックし、値の表示トグルをクリックして、変更を保存するためにフォームの保存をクリックします。

フォームフィールドの詳細設定タブで「値の表示」トグルをクリック

一般設定タブに戻ると、ドロップダウンの各オプションに追加のフィールド値を追加して、フォームを再保存できることがわかります。

各オプションにフィールド値を追加してフォームを再度保存

生の値をデータベースエントリに保存しても、WordPress管理画面でエントリを表示する場合やCSVエクスポートの場合、メール通知の{all_fields}スマートタグには含まれません。

フォームの確認メッセージまたは通知メールのいずれかでフィールドの値を表示するには、次のスマートタグ形式を使用する必要があります。

{field_value_id="X"}

XをフィールドIDに置き換えるだけで、このスマートタグは、そのフィールドの選択されたオプションの値すべてを自動的に取得します。フィールドIDを見つけるための支援については、こちらのチュートリアルを確認してください

これで完了です!ドロップダウンチェックボックス、および複数選択フォームフィールドに値を持つ追加フィールドを正常に追加しました。チェックボックスフィールドラベルでスマートタグを処理しますか?チェックボックスラベルでスマートタグを処理する方法に関する記事では、これを達成する方法を説明します。

フィルターリファレンス

wpforms_fields_show_options_setting

よくある質問

Q: 値の表示をバルクで追加できますか?

A:残念ながらできません。これらのフィールドで値の表示オプションを使用する場合、各オプションを手動で設定する必要があります。