国のドロップダウンリスト

フォームに国ドロップダウンリストを追加する方法 (1 クリック)

フォームに国のドロップダウンリストを追加するのはとても簡単です。ただ、できるだけ簡単にできるようにするには、適切なプラグインを使用する必要があります。

国のドロップダウンリストを作成できるWordPressプラグインはいろいろあるが、このチュートリアルで紹介するものほど簡単な解決策には、純粋に出会ったことがない。

そして一番の魅力は?無料なのだ!

国名ドロップダウンのあるフォームを作成する 🌎 🌎 国名ドロップダウンのあるフォームを作成する

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

必要なプラグインのセットアップから始めよう。

1.WPFormsプラグインをインストールする

フォームに国のドロップダウンリストを追加する最も簡単な方法は、 WPFormsプラグインを使用することです。 この機能はWPFormsのすべてのライセンスレベル(無料を含む)で利用可能なので、選択肢が広がります。

このチュートリアルでは、WPForms Proを使用します。WPForms Proは、プロがデザインしたフォームテーマなど、便利な機能のロックを解除することもできます。

WPFormsホーム

プラグインのインストールでサポートが必要な場合は、 WPFormsのインストールに関する簡単なガイドをお読みください。

WPFormsをサイトにインストールしたら、まずドロップダウンリストを追加するフォームを作成する必要があります。

フォームを作成するには、WordPressダッシュボードのサイドメニューバーからWPForms " Add Newを クリックするだけです。

新しいフォームを追加する

これでWPFormsのフォーム設定画面が表示されます。ここで、フォームの名前を付け、テンプレートを選択することから始めることができます。

物事をシンプルにするために、ここではシンプルなコンタクトフォームのテンプレートだけを使いますが、プロユーザー向けに提供されている2,000 以上の WordPress フォームテンプレートから自由に選ぶことができます。

テンプレートを使用する

この時点で、フォームビルダー内に選択したテンプレートがすべてロードされ、デプロイ(またはさらなるカスタマイズ)の準備が整っていることがわかります。

私たちの目的はこのフォームに国のドロップダウンリストを作成することなので、次のステップで紹介するように、いくつかの簡単なカスタマイズを行う必要があります。

2.国のドロップダウンリストを追加する

WPFormsはデータを一括処理できるため、世界中のすべての国のリストを簡単に作成することができます。

国のドロップダウンリスト

このプロセスを簡単に説明しよう。

まず、ドロップダウン・フィールドをフォームに追加する必要があります。左側のペインからフィールドをドラッグし、右側のエリアにドロップするだけで、フィールドがフォーム内に配置されます。

ドロップダウンフィールド

ドロップダウンフィールドを追加したら、それをクリックします。すると、左側のペインにそのフィールドに関連するフィールドオプションが開きます。Labelボックスの下にあるBulk Addリンクを探し、クリックします。

一括追加

その下にある「プリセットを表示」をクリックすると、WPFormsのすべてのドロップダウンフィールドのプリセットのリストが表示されます。

プリセットを表示する

ドロップダウンフィールドの選択肢として国の全リストを読み込むには、プリセットのCountriesをクリックしてください。

カントリー・プリセット

最後に、Add New Choicesをクリックして、国のリストを確認する。

新しい選択肢の追加

素晴らしい!国のドロップダウンリストの準備はほぼ整いました。あと3つほど微調整が必要です。

まず、ファーストチョイスセカンドチョイスサードチョイスと呼ばれるデフォルトの3つの選択肢を削除しましょう。一つずつ、それらの項目の横にあるマイナスアイコンをクリックして削除してください。

選択肢の削除

同じ方法で、リストから特定の国を削除することもできる。

次に、ドロップダウンフィールドのラベルを変更します。Dropdownを削除して、Please select your countryに変更してみましょう。

ドロップダウンフィールドのラベル

次に、Advancedタブを クリックし、ClassicスタイルではなくModernスタイルを選択する。

ドロップダウンのモダンなフィールドスタイル

モダン・スタイルでは、ドロップダウンリストから国を検索することができます。

以上でフォームの公開準備は完了です。その方法についてはステップ4に進んでください。

リストをカスタマイズしたい方は、このまま読み進めてください。

3.ドロップダウンの国名をカスタマイズする

ドロップダウンにすべての国を追加したので、設定方法をカスタマイズしたくなるかもしれません。

リストを微調整するためにできることが2つある:

まず、国名の書式を変更してみましょう。例えば、「United Kingdom of Great Britain and Northern Ireland」を「United Kingdom」に変更したいとします。

そのためには、リストから適切な選択肢を編集すればいい:

国名変更

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

リスト内の選択肢を移動するには、3本線のアイコンをクリックしたままドラッグしてください。北米からの訪問者が多いと予想されるため、カナダと米国を一番上に移動しました。

素晴らしい!これで、あなたの国のドロップダウンは思い通りに表示されます。あとは公開するだけです。

次に進む前に「保存」をクリックする。

4.フォームを公開する

ドロップダウンの設定が完了したら、いよいよフォームを公開しましょう。フォームビルダーから新しいページを作成するのはとても簡単です。

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

ワードプレスのフォームを埋め込む

埋め込みウィザードでは、新規ページ内にフォームを公開するか、既存のページにフォームを埋め込むことができます。新規ページの作成」をクリックしてみましょう。

新しいページを作成する

その後、ページの名前を入力し、「Let's Go」をクリックします。

行こう

この時点で、フォームを公開する準備が整いました。しかし、その前にお伝えしたい魅力的なトリックがあります。

デフォルトでは、WordPressのすべてのフォームは、白い背景とデフォルトのスタイルでプレーンです。しかし、既製のテーマを追加することでフォームを目立たせることができます。

WordPressのブロックエディタ内で、埋め込みフォームをクリックするだけで、追加設定にアクセスできます。

右側のパネルで、テーマのセクションを探し、WPForms Proにあらかじめ搭載されているさまざまなテーマオプションを試してみてください。

フォームテーマを選択する

また、テーマセクションの下に表示される簡単なコントロールを使って、フォームスタイルのさまざまな要素を手動で変更することもできます。

準備ができたら、Publishを押してください。

発行フォーム

公開が完了したら、国のドロップダウンリストでフォームをチェックしてください。

ドロップダウンにモダンスタイルを選択した場合、訪問者は単に名前を入力して国を検索することができます。

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

カントリードロップダウンのような本当に長いリストでは、これらの追加機能は本当に便利で、カントリードロップダウンがとても使いやすくなります。

これで完了です!これであなたのWordPressフォームに、訪問者が使用できる国のドロップダウンができました。

国名ドロップダウンのあるフォームを作成する 🌎 🌎 国名ドロップダウンのあるフォームを作成する

次に、訪問者の位置情報を自動的に取得する。

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

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

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

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

オサマ・タヒール

オサマはWPFormsのシニアライターです。彼はWordPressプラグインを分解してテストし、その洞察を世界と共有することを専門としています。もっと知る

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

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

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

26 comments on "フォームに国のドロップダウンリストを追加する方法 (1クリックで)"

    1. こんにちは、

      フォームビルダー > 任意のオプションフィールド(ドロップダウン、複数選択、チェックボックスフィールド)を追加 > フィールドオプションの下に、「一括追加」が表示されます。参考スクリーンキャストをご覧ください。

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

  1. こんにちは、
    カスタムメールテンプレートに条件付きロジックコードを追加する方法について教えてください。
    例えば、私は5つのサブカテゴリリストを持つカテゴリファイルを持っています。
    よろしくお願いします、

    1. こんにちは、ヌール-あなたがここで言及したことを達成するために、あなたは条件付き通知の設定を行うことができます。

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

  2. 選択肢が8つ以下の場合、ドロップダウンメニューに検索ボックスを表示するにはどうすればよいですか?

    1. こんにちは、アンキット!あなたの質問を正しく理解していなかったことをお詫びします。

      ドロップダウンフィールドの検索バーを有効にしたいようですが、これはドロップダウンフィールドのスタイルを モダンに切り替えることで可能です。

      詳しくはこちらの記事をご覧いただきたい。

      この件に関してさらにご質問がある場合は、有効なサブスクリプションをお持ちであれば、私たちにご連絡ください。そうでない場合は、遠慮なくサポートフォーラムに質問をお寄せください。

      1. こんにちは、ヘンリー!ドロップダウンフィールドについてお尋ねします。検索フィールドはドロップダウンリストに最低8つのオプションを追加すると表示されます。以下にwpformsのスクリーンショットを添付します。

        https://prnt.sc/1ubkp8b

      2. こんにちは、アンキット!何をしたいのか明確にしていただきありがとうございます。残念ながら、利用可能なオプションが8つ未満の場合、モダンスタイルのドロップダウンフィールドの検索バーを強制するオプションは含まれていません。

        カスタムコードで可能なはずですが、申し訳ありません。

        カスタム開発オプションを検討したい場合は、Codeableの利用を強くお勧めします。Codeableは、すべての開発者を審査し、高いスキルとコミュニケーション能力を備えた開発者であることを確認します。

        Codeableの使い方についてのチュートリアルはこちらです。

        また、カスタム開発のヘルプのために(長期的に)戻ってくることができるチームが必要な場合は、WPBuffsをチェックアウトすることを検討するかもしれません。

        お探しの解決策を提供できず申し訳ありませんが、この情報がお役に立てれば幸いです。

        この件に関してご不明な点がございましたら、有効なサブスクリプションをお持ちの方はこちらまでご連絡ください。そうでない場合は、遠慮なくサポートフォーラムに質問をお寄せください。

  3. ドロップダウンに世界の国名を表示し、ジオロケーションでドロップダウンから正しい選択肢を自動選択し、さらにその国に州がある場合はその州の州を表示するようにできますか?

    例えば、私がアメリカに住んでいる場合、ドロップダウンリストには自動的にアメリカが入力され、アメリカのすべての州が表示されます。南アフリカにいる場合は、南アフリカのすべての州が表示されます。

    1. こんにちは、ライザ、

      現在、私たちは場所を検出し、それぞれの米国/国際住所スキームを表示するためのネイティブの機能を持っていません。しかし、それは非常に便利だと思います。機能要望をメモしておきましたので、今後のロードマップを計画する際、レーダーに留めておきます。

      ありがとう!

      1. こんにちは、

        これが素晴らしいwpformsに統合されたかどうか知りたかったのです。本当に必要なのです。

        ありがとう

      2. ヘイ・ジュード

        このリクエストはまだレビュープロセス中です。この機能を拡張機能として検討するための投票を追加しました。

        ありがとう!

  4. wpformsのドロップダウンを使おうとしているのですが、ブラウザがスタイリングをリセットしてしまいます。

    1. こんにちは、Obedさん。このような場合、テーマのスタイルがドロップダウンフィールドで上書きされている可能性があります。これはカスタムCSSを使って簡単に修正できます。しかし、私たちは同じことについていくつかの追加情報が必要です。

      その間に、フォームのスタイリングをBaseに変更してみてください。すでにBaseを使用している場合は、Baseとフォームのスタイリングを切り替えてみてください。すでにBaseを使用している場合は、Baseとフォームのスタイリングを変更してみてください

      万が一、うまくいかなかった場合は、追加でいくつかの詳細が必要になりますので、その際はアドバイスさせていただきます。

      WPFormsのライセンスをお持ちの方は、メールサポートをご利用いただけますので、サポートチケットを送信してください。それ以外の場合は、WPForms Lite WordPress.orgの サポートフォーラムで限定的な無料サポートを提供しています。

      ありがとう。

  5. United Kingdom、Great BritainなどはCountriesではありません。ウェールズ、イングランド、スコットランドを含むドロップダウンリストがほとんどないのはなぜですか?

    1. こんにちは、Derek-トラブルについてお聞きして申し訳ありません!あなたからのフィードバックをメモしておきました!

      一方、役に立つかもしれませんが、国の一括追加後、手動でリストに追加することができます。

      ありがとう!

  6. ドロップダウンでオプションを選択すると、選択ラベルがドロップダウンの下に表示され、ドロップダウン内にも表示されます。

    ドロップダウンの下にあるラベルの表示を削除できますか?ドロップダウンでは一般的な動作ではありません。

  7. こんにちは!国のリストを外部リストから追加することは可能でしょうか?
    手動のオプションではなく・・・。
    というのも、国リストを持つフォームが増えた場合、リストを編集すると、自動的にすべてのフォームに変更が表示されるからです。

    ありがとう!

    1. こんにちは、

      現在のところ、ご指摘のようなことを実現する機能は組み込まれていません。将来の機能拡張のために検討することは可能です。しかし、現在のところ、選択肢を手動で一括追加する方法しかありません。

  8. こんにちは!国だけを追加して、自動ジオロケーションを使うにはどうしたらいいですか?ありがとうございます。

    1. やあ、ジョン、

      現在、Geolocationアドオンを使用して検出された場所に基づいてプリフィルできる国固有のフィールドはありません。機能リクエストとして検討するよう、あなたの投票を追加しました。

      ありがとう!

    1. こんにちは、クリスチャン - 現在、Countriesプリセットを使用する際にドロップダウンフィールドにアイコンを追加する機能がありません。これは素晴らしい機能だと思いますので、機能リクエストトラッカーに追加しておきます。もし私が何か見落としているようでしたら、お気軽に サポートチケットをお送りください。

  9. こんにちは、ドロップダウンの国名検索が、モダンを選択したにもかかわらず、クラシック表示から抜け出せません。 最初の場所は問題ないようですが、さらに下に行くと設定が変わってしまうのでしょうか?

    テーマの衝突だと思います。
    フィールドを検索可能にする方法はありますか?

    1. こんにちは、ネイサン - 機会がありましたら、サポートまで問題の詳細をお知らせください。

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

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

      ありがとう🙂。

コメントを追加する

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

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