選択肢の一括追加

フォームの選択肢に長いリストをすばやく追加したいですか?ドロップダウン、複数選択肢、チェックボックスフィールドでAI選択肢または一括追加オプションを使用すると、各選択肢を個別に作成する代わりに、一度にたくさんの選択肢をフォームに追加することができます。

このチュートリアルでは、独自のカスタムオプションの一括追加ツールの使用方法と、一般的なオプションの既成リストを含める方法を紹介します。


フォームの作成

使い始める前に、まずあなたのWordPressサイトにWPFormsがインストールされ、有効化されていること、そしてライセンスが確認されていることを確認する必要があります。その後、フォームビルダーにアクセスするために新しいフォームを作成するか、既存のフォームを編集することができます。

フォーム作成プロセスをスピードアップしたい方は、カスタマイズ可能なカントリードロップダウンフォームテンプレートをご利用ください。

フォームビルダーを開いたら、以下のフィールドタイプに一括で選択オプションを追加することができます:

複数選択肢フィールドでは、一度に1つの選択肢のみを選択することができます。ユーザーがフォームに入力する際に複数の選択肢を選択できるようにしたい場合は、代わりにチェックボックスフィールドを使用することをお勧めします。

この例では、ドロップダウン・フィールドを追加します。

ドロップダウンフィールドの追加

追加したドロップダウンフィールドをクリックすると、フィールドオプションが表示されます。デフォルトでは、3つのプレースホルダオプションが自動生成されます。WPFormsで選択肢を一括追加する2つの方法を紹介します。

WPForms AIを使う

WPFormsには、複数選択肢、チェックボックス、ドロップダウンフィールドの選択肢を生成できるAI機能が組み込まれています。この機能を使用するには、[選択肢を生成]ボタンをクリックします。

AIで選択肢を生み出す

表示されるオーバーレイには、フォームの選択肢を生成するために使用できるプロンプトの例が表示されます。

AIチョイスの概要

テキスト・フィールドには、生成したい選択肢のタイプについての詳細をプロンプトに入力することができる。

選択肢を生成するプロンプトを入力

プロンプトを入力すると、WPForms AIはプロンプトに基づいて選択肢を生成します。生成された選択肢を変更したい場合は、ダイアログに変更内容を返信してください。リストが完成したら、[選択肢を挿入]ボタンをクリックしてフォームに追加します。

インサートの選択

WPForms AIを使った選択肢の生成についての詳細は、AI選択肢の使用についてのチュートリアルをご覧ください。

一括追加機能の使用

さらにオプションを一括追加するには、一括追加ボタンをクリックします。

一括追加をクリック

ここから、入力フィールドがドロップダウンされ、自分で選択肢を作成するか、プリセットの選択肢を追加するかを選択できます。

選択肢入力フィールドの一括追加

次のステップで、カスタムとプリセットの選択肢を追加する方法を説明します。

カスタム選択肢の追加

カスタム選択肢のリストを一括で追加したい場合は、「選択肢を追加(1行に1つ)」ボックスに入力することができます。ただし、1行に1つのオプションしか入力しないようにしてください。

カスタムオプションの追加

既存のリストがあれば、それをコピーしてこのボックスにペーストすることもできる。ただ、オプションの書式がお望みのものになっているか、再確認することをお忘れなく。

必要な選択肢をすべて追加したら、「新しい選択肢を追加」ボタンをクリックするだけです。すべての選択肢は自動的にリストに追加され、既存の選択肢の下に表示されます。

新しい選択肢を追加するボタンをクリックする

プリセットの選択肢を追加する

あらかじめ用意された選択肢のリストを追加したい場合は、「プリセットを表示」オプションを選択できます。

プリセットの表示をクリック

これをクリックすると、プリセットオプションのリストが表示されます。

プリセットの一括追加

以下は利用可能なプリセットオプションのリストです:

  • 国名すべての国の正式名称
  • 国の郵便番号:すべての国の2レターコード
  • 米国全州の正式名称
  • 州の郵便番号:アメリカ全州の2レターコード
  • 月:その年のすべての月のフルネーム
  • 日:すべての曜日のフルネーム

これらのプリセット・オプションのいずれかをクリックすると、対応するリストが自動的に入力されます。選択肢が実際に追加される前に、リストに変更を加えることができます。

この例では、プリセット・オプションを使用して、ドロップダウンに州の全リストを一括追加します。

州の一括追加

このリストはすでに思い通りになっているので、「新しい選択肢を追加」ボタンをクリックする。

プリセットの新規選択追加ボタンをクリック

すでにある選択肢はそのままで、新しい選択肢はその下に追加される。

不要な選択肢を取り除く

最後のステップは、不要な選択肢を削除することです。この例では、デフォルトの選択肢を削除します。

残したくない選択肢を削除するには、マイナス(-)ボタンをクリックするだけです。

マイナスアイコンをクリック

よくある質問

これらは、選択肢の一括追加に関するよくある質問に対する回答です。

ユーザーがドロップダウンのオプションを検索できるようにすることはできますか?

もちろんです!詳細設定]タブに移動し、[モダン]スタイルを有効にすることで、検索機能を追加できます。

モダンスタイルのドロップダウン

以下は、あなたのサイトのフロントエンドでどのように見えるかの例です:

WPFormsで検索可能なドロップダウン

注:ドロップダウン・フィールドの外観や機能を変更する方法について、より詳しい情報をお知りになりたい場合は、ドロップダウン・フィールドのカスタマイズ・オプションについてのチュートリアルをご覧ください。

以上です!これで、ドロップダウン、複数選択肢、チェックボックスのフィールドに一括で選択肢を追加できるようになりました。

長い選択肢のリストができたと思いますが、複数選択肢やチェックボックスのフィールドをもっと使いやすいレイアウトで表示したいと思いませんか?マルチカラムレイアウトの作成に関するチュートリアルをご覧ください。

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

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

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