WordPressフォームに国のドロップダウンリストを追加する方法(簡単な方法)

公開: 2020-09-18

国のドロップダウンリストをフォームに追加しますか? フォームにリストを入力すると、訪問者がフォームに入力するときに国をすばやく選択できるようになります。

この記事では、WordPressのドロップダウンに国を追加する方法を紹介します。 これはコーディングを必要としない本当に簡単な方法であり、コピーして貼り付ける国のリストを見つける必要はありません。

今すぐWordPressフォームを作成する

WordPressで国リストを取得する方法

WPFormsには、任意のWordPressフォームに追加できる事前設定された国リストが付属しています。

プリセットを使用すると、1クリックでリスト全体をフォームにすばやく追加できます。 そこから、国が希望どおりにフォーマットおよびスペルされるようにリストをカスタマイズすることもできます。

以下のチュートリアルでは、これらすべてについて説明します。

WPFormsは最高のWordPressフォームビルダープラグインです。 無料で入手!

WPFormsプラグインは、WordPressに最適なコンタクトフォームプラグインです。 国リストは、使用できるプリセットの1つにすぎません。

また、次の便利なプリセットもあります。

  • 米国の州
  • 国の郵便番号
  • 州の郵便番号
  • 年の月
  • 曜日

これらはあなたがフォームを作るときにあなたにたくさんの時間を節約するでしょう。

事前に入力された国のリストを任意のフォームに簡単にすばやく追加する方法については、読み続けてください。

WordPressフォームに国のドロップダウンリストを追加する方法

このチュートリアルには3つのステップしかありません。 リストをカスタマイズする場合は、オプションの手順も示します。

これから説明する手順は次のとおりです。

  1. WPFormsプラグインをインストールします
  2. フォームに国のドロップダウンリストを追加する
  3. ドロップダウンリストで国をカスタマイズする(オプション)
  4. あなたのウェブサイトにあなたのフォームを公開する

WPFormsプラグインを設定することから始めましょう。

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

開始するには、WPFormsプラグインをインストールしてアクティブ化します。

これについて少し助けが必要な場合は、WordPressにプラグインをインストールする方法に関するこの簡単なガイドをお読みください。

また、チュートリアルを進めながら編集できるフォームが必要です。 簡単な連絡フォームを今すぐ作成することも、既存のフォームを編集することもできます。

フォームの準備ができたら、続けましょう。

ステップ2:国のドロップダウンリストをフォームに追加する

これで、国のリストをフォームに追加する準備が整いました。

WordPressダッシュボードで、[ WPForms ] » [ AllForms ]をクリックします。 ドロップダウンを追加するフォームにマウスを合わせて、[編集]をクリックします。

お問い合わせフォームのリンクを編集

今、私たちはフォームビルダーにいます。 先に進み、ドロップダウンフィールドを左側のペインから右側のペインにドラッグします。

ドロップダウンを1回クリックして、設定を開きます。 ここで一括追加ツールを使用して国を追加します。

国のドロップダウンリストをフォームに追加

すぐに分解しましょう。

まず、ドロップダウン設定を開いた状態で、[一括追加]リンクをクリックします。

国のドロップダウンリストに国を一括追加

その下にある[プリセットの表示]をクリックして、WPFormsのすべてのプリセットのリストを開きます。

ドロップダウンリストのWPForms国のプリセットを表示する

先に進み、[]をクリックして、の完全なリストをフォームビルダーにロードします。

WordPressドロップダウンリストに国を追加します

最後に、[新しい選択肢の追加]クリックして、すべての国をドロップダウンリストの新しい選択肢として追加します。

国のドロップダウンリストに新しい選択肢を追加する

素晴らしい! 国のドロップダウンリストがほぼ準備できています。 今やるべき小さな調整がさらに3つあります。

まずは、最初の選択肢、2番目の選択肢、および3番目の選択肢と呼ばれる3つのデフォルトの選択肢を取り除くみましょう。 それらのアイテムの横にあるマイナスアイコンを1つずつクリックして、アイテムを削除します。

国のドロップダウンリストのデフォルトを削除する

必要に応じて、同じ方法を使用してリストから国を削除できます。

次に、フィールドのラベルを変更する必要があります。 ドロップダウンを削除して、「国を選択してください」に変更しましょう。

国のドロップダウンリストラベルを編集する

あともう一つだけ。 もう一度下にスクロールして、[詳細オプション]をクリックします。 ここでは、クラシックスタイルではなくモダンスタイルを選択してください。

現代の国のドロップダウンリストスタイルを選択します

なぜモダンスタイルを使用するのですか?

  • リストを検索するのは簡単です。これは、選択肢がたくさんある場合に非常に役立ちます。
  • 訪問者は、 Xをクリックすることで簡単に選択を変更できます。 チュートリアルの最後に、これがどのように機能するかを示します。

必要なのがそれだけの場合は、フォームを公開する準備ができています。 手順4に進んで、その方法を確認できます。

リストをカスタマイズしたい場合は、読み続けてください。

ステップ3 :(オプション)ドロップダウンで国名をカスタマイズする

ドロップダウンにすべての国を追加したので、設定方法をカスタマイズすることをお勧めします。

リストを微調整するためにできることは2つあります。

まず、フォームビルダーで選択肢を編集することにより、国名のフォーマット方法を変更できます。

たとえば、「英国および北アイルランドの英国」を「英国」に変更したい場合があります。

これを行うには、テキストを編集するだけです。

ドロップダウンリストで国の名前を変更する

次に、回答の選択肢を上下にドラッグできることを忘れないでください。 つまり、最も一般的な選択肢をリストの一番上に配置して、見つけやすくすることができます。

リスト内の任意の選択肢を移動するには、3行のアイコンをクリックして押したままドラッグします。 ここでは、カナダと米国をトップに移動しました。

国のドロップダウンリストにエントリをドラッグします

素晴らしい! これで、国のドロップダウンが希望どおりに表示されます。 今やらなければならないのはそれを公開することだけです。

先に進む前に[保存]をクリックしてください。

ステップ4:フォームを公開する

ドロップダウンが設定されたので、フォームを公開します。 フォームビルダーから直接新しいページを作成するのは本当に簡単です。

埋め込みウィザードを使用するには、最初にフォームビルダーの上部にある[埋め込み]をクリックします。

ボタンをクリックして、国のドロップダウンリストを埋め込みます

[新しいページの作成]をクリックしてみましょう。

フォームの新しいページを作成します

ポップアップで、ページの名前を入力し、[ Let'sGo ]をクリックします。

国のドロップダウンリストWordPressページ名

次に、上部の青い[公開]ボタンをクリックしてページを公開します。

WordPressで国のドロップダウンリストを使用してフォームを公開する

これで、公開されたドロップダウンリストが表示されます。

再注文した国が一番上にあることがわかります。

WordPressのドロップダウンリストから国を選択します

国を検索して簡単に見つけることもできます。

ドロップダウンリストで国を検索します

また、間違った国をクリックした場合は、 Xをクリックしてもう一度検索できます。

現代の国のドロップダウンリストでXをクリックします

国のドロップダウンのような非常に長いリストの場合、これらの余分な小さな機能は非常に役立ち、国のドロップダウンをはるかに使いやすくします。

ドロップダウンをすばやく作成する他の方法を確認したい場合は、フォームに動的フィールドの選択肢を追加するためのこのガイドを確認してください。

以上です! これで、WordPressフォームに国のドロップダウンが表示され、訪問者が使用できるようになりました。

フォームを地域との関連性を高めることに関心がある場合は、WordPressプラグインを使用して連絡先フォームマップを追加することもできます。

今すぐWordPressフォームを作成する

次のヒント:訪問者の位置を自動的に取得する

WPFormsが訪問者の位置を地図上に自動的に表示できることをご存知ですか?

ワンクリックですべてのフォームのジオロケーションをアクティブにできます。 これを設定するためにWordPressフォーム送信でユーザーの場所を追跡する方法については、このガイドを確認してください。

また、WordPressに最適なジオロケーションプラグインのリストをまとめました。

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

この記事が役に立った場合は、FacebookとTwitterでフォローして、無料のWordPressチュートリアルとガイドを入手してください。