フォームに国のドロップダウンリストを追加するのはとても簡単です。ただ、できるだけ簡単にできるようにするには、適切なプラグインを使用する必要があります。
国セレクタは配送情報、アンケートデータ、ユーザー登録に不可欠です。フォームを洗練されたものにし、ユーザーエクスペリエンスを向上させます。
国のドロップダウンリストを作成できるWordPressプラグインはいろいろありますが、純粋にWPFormsほど簡単なソリューションには出会ったことがありません。そして一番の魅力は?無料です!
このガイドでは、私がWPFormsでカントリードロップダウンを設定する方法を説明します。
国名ドロップダウンのあるフォームを作成する 🌎 🌎 国名ドロップダウンのあるフォームを作成する
WordPressのフォームに国のドロップダウンリストを追加する方法
一部のサイトでは、ユーザーが「United States(米国)」や「UK(英国)」と入力しなければならないような長いテキストフィールドをまだ使用している。
また、新しい国名がなかったり、古い国名を使用している時代遅れのドロップダウンリストを使用している人もいます。よくデザインされた国のドロップダウンリストには、3つの重要な役割があります:
- データ収集の標準化("USA "対 "United States "対 "America "のエントリーはもう必要ありません。)
- ユーザーが自国をすぐに検索できるため、フォーム入力率が向上します。
- プロフェッショナリズムを示すことで、オーディエンスとの信頼関係を築く。
そこでWPFormsが役に立ちます。私たちの国のドロップダウンは、自動的に更新され、迅速にロードされ、モバイルデバイス上で完璧に動作します。具体的な設定方法をお見せしましょう。
ステップ1:WPFormsプラグインをインストールする
フォームに国のドロップダウンリストを追加する最も簡単な方法は、 WPFormsプラグインを使用することです。 この機能はWPFormsのすべてのライセンスレベル(無料を含む)で利用可能なので、選択肢が広がります。
このチュートリアルでは、WPForms Proを使用します。WPForms Proは、プロがデザインしたフォームテーマなど、便利な機能のロックを解除することもできます。

プラグインのインストールでサポートが必要な場合は、 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: ドロップダウンの国名をカスタマイズする
さて、あなたのフォームに国のドロップダウンを追加しました。WPFormsはどの国をどのように表示させるかを完全にコントロールすることができます。
あなたの国のドロップダウンフィールドをクリックして、左側のフィールドオプションを開きます。選択]セクションの下にすべての国のリストが表示されます。ここからがカスタマイズの本番です。
国名の編集
まず、ユーザーエクスペリエンスを向上させるために、長い国名の一部を整理することをお勧めします。例えば、デフォルトのリストには「グレートブリテンおよび北アイルランド連合王国」と表示されています。
技術的には正しいが、不必要に長い。その選択肢をクリックして、単に「United Kingdom」、あるいは「UK」とでも編集してください。

私は、「アメリカ合衆国」(「アメリカ合衆国」に変更)、「ロシア連邦」(「ロシア」に変更)、「コンゴ民主共和国」(「コンゴ(DRC)」に変更)などの国について、定期的にこの作業を行っている。
優先順位による国の並び替え
次に、選択肢を上下にドラッグできることを忘れないでください。つまり、最も一般的な選択肢をリストの一番上に置くことで、見つけやすくすることができます。
リスト内の選択肢を移動するには、3本線のアイコンをクリックしたままドラッグしてください。北米からの訪問者が多いと予想されるため、カナダと米国を一番上に移動しました。
素晴らしい!これで、あなたの国のドロップダウンは思い通りに表示されます。あとは公開するだけです。次に進む前に保存をクリックしてください。
ステップ 4: 数秒でフォームを公開する
ドロップダウンの設定が完了したら、いよいよフォームを公開しましょう。フォームビルダーから新しいページを作成するのはとても簡単です。埋め込みウィザードを使うには、まずフォームビルダーの一番上にある埋め込みをクリックします。

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

その後、ページの名前を入力し、「Let's Go」をクリックします。これでフォームを公開する準備が整いました。しかし、その前にお伝えしたい魅力的なトリックがあります。

デフォルトでは、WordPressのすべてのフォームは、白い背景とデフォルトのスタイルでプレーンです。しかし、既製のテーマを追加することでフォームを目立たせることができます。
右側のパネルで、テーマのセクションを探し、WPForms Proにあらかじめ搭載されているさまざまなテーマオプションを試してみてください。

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

パブリッシュされたら、国のドロップダウンリストでフォームをチェックしてみてください。ドロップダウンにモダンスタイルを選択した場合、訪問者は名前を入力するだけで国を検索できます。

カントリードロップダウンのような本当に長いリストでは、これらの追加機能は本当に便利で、カントリードロップダウンをより使いやすくします。これで完了です!これであなたのWordPressフォームに国ドロップダウンリストを設置することができました。
WPFormsに国のドロップダウンリストを追加する方法に関するFAQ
WPFormsに国のドロップダウンリストを追加する方法を学ぶことは、私たちの読者の間で関心のある人気のあるトピックです。ここでは、それに関するいくつかの一般的な質問に対する答えを示します:
Google フォームに国リストを追加するにはどうすればよいですか?
Google Forms には WPForms のようなドロップダウンリストが組み込まれていません。手動で選択式の質問を作成し、すべての国名を入力する必要があります。
その場合、国が変わるたびにこのリストを維持する必要があります。WPFormsは、あなたの努力なしに更新され続ける自動国のドロップダウンで、作業の時間を節約します。
Contact Form 7 で国のドロップダウンメニューを使うことはできますか?
Contact Form 7 にはネイティブの国ドロップダウンフィールドがありません。別のプラグインをインストールするか、HTML の select タグを使って手動でドロップダウンをコーディングする必要があります。
その場合でも、国リストを自分で管理する必要があります。WPFormsにはこの機能が最初から含まれているので、実装もメンテナンスも非常に簡単です。
フォームに電話番号の国コードを追加するには?
WPFormsは国のドロップダウンメニューと一緒に使える電話番号フィールドを提供しています。国のドロップダウンが場所の選択を処理する一方で、電話フィールドは異なる国のための組み込みフォーマットを含んでいます。
国の選択が自動的に電話フォーマットを更新するような高度なセットアップのためには、条件付きロジックを備えたWPForms Proが必要です。
国のドロップダウンにすべての国が表示されないのはなぜですか?
これは通常、誤ってリストから国を削除してしまったか、プラグインが競合している場合に起こります。WPFormsでフォームエディタに戻り、国のドロップダウンフィールドをクリックし、選択肢セクションをチェックしてください。
足りない国を手動で追加し直すか、フィールドを削除して新しい国のドロップダウンを追加して、完全なリストを復元することができます。
特定の国をドロップダウンリストの一番上に表示させることはできますか?
もちろん!これは私のお気に入りのWPFormsの機能の一つです。フォームエディタで、国のドロップダウンフィールドをクリックし、選択セクションで、三本線のアイコンを使用して国をドラッグアンドドロップします。
例えば、北米からの訪問者が多い場合は、米国とカナダを上に持ってくる。
ドロップダウンから不要な国を削除するには?
WPFormsエディタで、国ドロップダウンフィールドを選択し、左側の選択肢セクションを見てください。削除したい国の横にある赤いXをクリックします。これは、特定の地域のみにサービスを提供する場合や、ユーザーエクスペリエンスを向上させるためにリストを短くしたい場合に便利です。
国のドロップダウンメニューはモバイルデバイスで機能しますか?
はい、WPFormsのカントリードロップダウンは完全にモバイル対応です。自動的にタッチインターフェースに適応し、スマートフォンやタブレットで完璧に動作します。ドロップダウンは、ネイティブのモバイルセレクタとして開き、ユーザーがスクロールして国を選択することを容易にします。
ドロップダウンの国名をカスタマイズできますか?
はい、WPFormsで国名を編集することができます。国のドロップダウンフィールドをクリックし、選択肢セクションで国名を見つけ、テキストを修正するだけです。
グレートブリテンおよび北アイルランド連合王国」のような長い名称は、読みやすくするために単に「イギリス」と短くすることが多い。
次に、訪問者の位置情報を自動的に取得する。
WPFormsは訪問者の位置情報を自動的に地図上に表示できることをご存知ですか?
- 1クリックですべてのフォームでジオロケーションを有効にできます。WordPress のフォーム送信でユーザーの位置情報を追跡する方法については、こちらのガイドをご覧ください。
- また、WordPressに最適なジオロケーションプラグインのリストも作成しました。
国名ドロップダウンのあるフォームを作成する 🌎 🌎 国名ドロップダウンのあるフォームを作成する
フォームを作る準備はできましたか?最も簡単なWordPressフォームビルダープラグインで今すぐ始めましょう。WPForms Proにはたくさんの無料テンプレートが含まれており、14日間の返金保証がついています。
この記事がお役に立ちましたら、Facebookや TwitterでWordPressの無料チュートリアルやガイドをフォローしてください。
ハイ
バルクオプションが表示されないのですが?
こんにちは、
フォームビルダー > 任意のオプションフィールド(ドロップダウン、複数選択、チェックボックスフィールド)を追加 > フィールドオプションの下に、「一括追加」が表示されます。参考スクリーンキャストをご覧ください。
お役に立てれば幸いです! 🙂。
こんにちは、
カスタムメールテンプレートに条件付きロジックコードを追加する方法について教えてください。
例えば、私は5つのサブカテゴリリストを持つカテゴリファイルを持っています。
よろしくお願いします、
こんにちは、ヌール-あなたがここで言及したことを達成するために、あなたは条件付き通知の設定を行うことができます。
お役に立てれば幸いです! 🙂。
選択肢が8つ以下の場合、ドロップダウンメニューに検索ボックスを表示するにはどうすればよいですか?
こんにちは、アンキット!あなたの質問を正しく理解していなかったことをお詫びします。
ドロップダウンフィールドの検索バーを有効にしたいようですが、これはドロップダウンフィールドのスタイルを モダンに切り替えることで可能です。
詳しくはこちらの記事をご覧いただきたい。
この件に関してさらにご質問がある場合は、有効なサブスクリプションをお持ちであれば、私たちにご連絡ください。そうでない場合は、遠慮なくサポートフォーラムに質問をお寄せください。
こんにちは、ヘンリー!ドロップダウンフィールドについてお尋ねします。検索フィールドはドロップダウンリストに最低8つのオプションを追加すると表示されます。以下にwpformsのスクリーンショットを添付します。
https://prnt.sc/1ubkp8b
こんにちは、アンキット!何をしたいのか明確にしていただきありがとうございます。残念ながら、利用可能なオプションが8つ未満の場合、モダンスタイルのドロップダウンフィールドの検索バーを強制するオプションは含まれていません。
カスタムコードで可能なはずですが、申し訳ありません。
カスタム開発オプションを検討したい場合は、Codeableの利用を強くお勧めします。Codeableは、すべての開発者を審査し、高いスキルとコミュニケーション能力を備えた開発者であることを確認します。
Codeableの使い方についてのチュートリアルはこちらです。
また、カスタム開発のヘルプのために(長期的に)戻ってくることができるチームが必要な場合は、WPBuffsをチェックアウトすることを検討するかもしれません。
お探しの解決策を提供できず申し訳ありませんが、この情報がお役に立てれば幸いです。
この件に関してご不明な点がございましたら、有効なサブスクリプションをお持ちの方はこちらまでご連絡ください。そうでない場合は、遠慮なくサポートフォーラムに質問をお寄せください。
ドロップダウンに世界の国名を表示し、ジオロケーションでドロップダウンから正しい選択肢を自動選択し、さらにその国に州がある場合はその州の州を表示するようにできますか?
例えば、私がアメリカに住んでいる場合、ドロップダウンリストには自動的にアメリカが入力され、アメリカのすべての州が表示されます。南アフリカにいる場合は、南アフリカのすべての州が表示されます。
こんにちは、ライザ、
現在、私たちは場所を検出し、それぞれの米国/国際住所スキームを表示するためのネイティブの機能を持っていません。しかし、それは非常に便利だと思います。機能要望をメモしておきましたので、今後のロードマップを計画する際、レーダーに留めておきます。
ありがとう!
こんにちは、
これが素晴らしいwpformsに統合されたかどうか知りたかったのです。本当に必要なのです。
ありがとう
ヘイ・ジュード
このリクエストはまだレビュープロセス中です。この機能を拡張機能として検討するための投票を追加しました。
ありがとう!
wpformsのドロップダウンを使おうとしているのですが、ブラウザがスタイリングをリセットしてしまいます。
こんにちは、Obedさん。このような場合、テーマのスタイルがドロップダウンフィールドで上書きされている可能性があります。これはカスタムCSSを使って簡単に修正できます。しかし、私たちは同じことについていくつかの追加情報が必要です。
その間に、フォームのスタイリングをBaseに変更してみてください。すでにBaseを使用している場合は、Baseとフォームのスタイリングを切り替えてみてください。すでにBaseを使用している場合は、Baseとフォームのスタイリングを変更してみてください。
万が一、うまくいかなかった場合は、追加でいくつかの詳細が必要になりますので、その際はアドバイスさせていただきます。
WPFormsのライセンスをお持ちの方は、メールサポートをご利用いただけますので、サポートチケットを送信してください。それ以外の場合は、WPForms Lite WordPress.orgの サポートフォーラムで限定的な無料サポートを提供しています。
ありがとう。
United Kingdom、Great BritainなどはCountriesではありません。ウェールズ、イングランド、スコットランドを含むドロップダウンリストがほとんどないのはなぜですか?
こんにちは、Derek-トラブルについてお聞きして申し訳ありません!あなたからのフィードバックをメモしておきました!
一方、役に立つかもしれませんが、国の一括追加後、手動でリストに追加することができます。
ありがとう!
ドロップダウンでオプションを選択すると、選択ラベルがドロップダウンの下に表示され、ドロップダウン内にも表示されます。
ドロップダウンの下にあるラベルの表示を削除できますか?ドロップダウンでは一般的な動作ではありません。
テーマかスタイリングプラグインの競合のようですね。詳細とフォームのURLをお知らせください。
ありがとう🙂。
こんにちは!国のリストを外部リストから追加することは可能でしょうか?
手動のオプションではなく・・・。
というのも、国リストを持つフォームが増えた場合、リストを編集すると、自動的にすべてのフォームに変更が表示されるからです。
ありがとう!
こんにちは、
現在のところ、ご指摘のようなことを実現する機能は組み込まれていません。将来の機能拡張のために検討することは可能です。しかし、現在のところ、選択肢を手動で一括追加する方法しかありません。
こんにちは!国だけを追加して、自動ジオロケーションを使うにはどうしたらいいですか?ありがとうございます。
やあ、ジョン、
現在、Geolocationアドオンを使用して検出された場所に基づいてプリフィルできる国固有のフィールドはありません。機能リクエストとして検討するよう、あなたの投票を追加しました。
ありがとう!
国名+国旗アイコンを表示する方法はありますか?
こんにちは、クリスチャン - 現在、Countriesプリセットを使用する際にドロップダウンフィールドにアイコンを追加する機能がありません。これは素晴らしい機能だと思いますので、機能リクエストトラッカーに追加しておきます。もし私が何か見落としているようでしたら、お気軽に サポートチケットをお送りください。
こんにちは、ドロップダウンの国名検索が、モダンを選択したにもかかわらず、クラシック表示から抜け出せません。 最初の場所は問題ないようですが、さらに下に行くと設定が変わってしまうのでしょうか?
テーマの衝突だと思います。
フィールドを検索可能にする方法はありますか?
こんにちは、ネイサン - 機会がありましたら、サポートまで問題の詳細をお知らせください。
WPFormsのライセンスをお持ちの方は、メールサポートをご利用いただけますので、サポートチケットを送信してください。
それ以外の場合は、WPForms Lite WordPress.orgのサポートフォーラムで限定的な無料サポートを提供しています。
ありがとう🙂。