WordPressで複数列のフォームを作成する方法は? (ビギナーズガイド2022)
公開: 2022-06-16WordPressで複数列のフォームを作成する方法を知りたいですか? さて、検索はここで終了すると言わなければなりません。
複数列のフォームは、ユーザーがナビゲートしやすい整理されたフォームを作成するのに役立ちます。 実際、これらのタイプのフォームは、より魅力的でインタラクティブであると見なされています。
したがって、この記事では、複数列のWordPressフォームを作成する方法に関する完全なガイドを紹介しました。
したがって、ステップバイステップガイドを開始する前に、まず、複数列のWordPressフォームを追加する必要がある理由を理解しましょう。
複数列のWordPressフォームを追加する理由
フォームは、訪問者があなたに連絡して情報を送信できるようにする方法です。 また、フォームは、リードを生成し、ユーザーを顧客に変えるための優れた媒体です。
したがって、インタラクティブで魅力的なフォームをWebサイトに展開する必要があります。
さらに追加するには、テキストボックス、ラジオボタン、ドロップダウンメニュー、条件付きロジック、ファイルアップロード領域の追加などを使用して、フォームをインタラクティブにすることができます。
ただし、これらすべての要素を1列のフォームに追加すると、フォームが長くなります。 言うまでもなく、ユーザーがフォームに入力するには多くの時間と労力がかかります。
しかし、心配しないでください。マルチカラムフォームが救いの手を差し伸べます。 マルチカラムフォームは、長いフォームをよりすっきりとスキャンしやすくします。
実際には、これらのフォームは、従来の単一列フォームよりも魅力的です。 また、複数列のグリッドはフォームのテキストを強調し、読みやすく、理解しやすくします。
複数列のフォームフィールドが並んでいるため、ユーザーがフォームを簡単にナビゲートできます。 したがって、スマートグリッドレイアウトで長くて退屈なフォームを紹介するのに最も効果的な方法です。
問題は、WordPressで複数列のフォームを簡単に作成する方法です。 魅力的な複数列のフォームを作成するのは簡単です。まず、WordPressフォームビルダープラグインが必要です。
したがって、次のセクションでは、WordPressで複数列のフォームを作成するための最適なフォームビルダープラグインを見つけます。
複数列のフォームを作成するための最高のWordPressプラグイン
ウェブ上で利用可能な多数のWordPressフォームビルダープラグインがあります。 ただし、それらのすべてが、あらゆるタイプのフォームを作成するのに十分なユーザーフレンドリーまたは汎用性があるわけではありません。
心配しないでください、私たちはいくつかの調査を行い、あなたにぴったりのWordPressフォームビルダープラグインを見つけました。 これは、WPEverestによるEverestForms以外のものではありません。
このプラグインを使用すると、コードを1行も記述せずに、任意のタイプのフォームを作成できます。 最も重要なのは、ドラッグアンドドロップインターフェイスを備えていることです。 また、あらゆるタイプのフォームを作成およびカスタマイズすることは非常に柔軟です。 さらに、さまざまなビルド済みのフォームテンプレートが付属しているため、すぐに開始できます。
また、電子署名とショートコードをサポートし、電子メール通知やオートレスポンダーなどが付属しています。さらに、PayPalなどの多くのツールや支払いゲートウェイと統合されています。
複数列のフォームに加えて、マルチステップフォーム、調査フォーム、ユーザー登録フォーム、連絡先フォームなどを作成することもできます。さらに、無制限のフォームフィールドの追加、高度なカスタマイズツールなどの最高の機能を提供します。
そしてこれまでのところ、 100,000人以上のユーザーがこのプラグインを信頼しています。 したがって、間違いなく、WordPressWebサイト用の複数列フォームを作成するための最良のオプションの1つです。 次に、EverestFormsを使用してWordPressで複数列のフォームを作成します。 始めましょう。
エベレストフォームを使用した複数列フォームの作成
手順:1エベレストフォームをインストールしてアクティブ化する
まず最初に、WordPressWebサイトにプラグインをインストールする必要があります。 したがって、WordPressダッシュボードにログインし、 [プラグイン]>>[新規追加]に移動します。
ここに、 EverestFormsと入力する必要のある検索バーが表示されます。 検索結果にエベレストフォームが表示されたら、 [今すぐインストール]ボタンをクリックします。
プラグインをインストールすると、[アクティブ化]ボタンが表示されるので、それをクリックします。
これで、無料バージョンのEverestFormsが正常にインストールされました。
実際、Everest Formsの無料バージョンを使用すると、WordPressWebサイト用のインタラクティブな複数列のフォームを作成できます。
または、プラグインの広範な機能にアクセスしたい場合は、プレミアムパックも購入できます。
ステップ:2複数列の新しいフォームを作成する
Everest Formsをインストールしてアクティブ化したら、WordPressWebサイト用の複数列フォームの作成を始めましょう。 これを行うには、まず、 [エベレストフォーム]>>[新規追加]に移動します。
その後、新しいページに直接移動します。ここでは、エベレストフォームが提供するさまざまな既成のフォームを見ることができます。
ここでは、任意のフォームテンプレートを選択してカスタマイズし、Webサイトに追加できます。 または、フォームを最初から作成することもできます。
ここでは、フォームを最初から作成します。 したがって、[最初から開始]オプションをクリックします。
次に、フォームに適切な名前を付けます。 たとえば、ここでは、フォームにMultiColumFormという名前を付けています。
その後、マルチカラムフォームの作成を開始できる新しいページに移動します。
ご覧のとおり、フォームにはすでに2つの列があります。 変更して単一の列にするか、さらに列を追加することができます。 したがって、これを行うには、フォームフィールドにカーソルを合わせると、3つの異なるオプションが表示されます。
1つ目は、フォームの作成中に行を複製するために使用できるページのようなアイコンです。 2つ目は、削除オプションです。 3つ目は鉛筆のようなアイコンで、フォームに複数の列を追加できます。
鉛筆のようなアイコンをクリックすると、行設定が表示されます。 行設定から、行に複数の列を設定できます。
実際、エベレストフォームでは、各行で4つの異なる列オプションから選択できます。 したがって、選択に応じて行の列オプションを選択できます。
その後、フォームへのフィールドの追加を開始できます。 選択したフィールドを左側からドラッグして、フォームビルダー領域の右側にドロップするだけです。
さらに、フォームに新しい行を追加するには、[行の追加]ボタンをクリックします。 このボタンをクリックすると、同じ数の列が次の行に追加されます。
ただし、 [行の設定]オプションを使用して列の数を変更できます。
複数列のフォームに行とフィールドを追加したら、[保存]ボタンをクリックしてフォーム設定を保存します。
ステップ:3フォーム設定のセットアップと構成
フォームを作成した後、追加したフィールド設定を変更する場合は、そのフォームフィールドをクリックして、左側から[フィールドオプション]を選択します。 ここで、フィールド名を変更したり、説明を追加したり、メタキーを変更したりできます。
また、プレースホルダーテキスト、デフォルト値、 CSSクラスを追加できる詳細オプションがあります。
さらに、フォームの設定を構成することもできます。 [フィールド]タブのすぐ横にある[設定]タブをクリックするだけです。 ここには、[一般]と[メール]の2つのオプションが表示されます。
[一般]設定から、フォーム名、フォームの説明を変更し、フォーム送信の成功メッセージを追加できます。
さらに、Everest Formsでは、スパム対策ハニーポットを有効にしたり、 Ajaxフォーム送信を有効にしたり、エントリ情報の保存を無効にしたりすることもできます。
同様に、[電子メール]設定から、[宛先アドレス]セクションで管理者の電子メールを設定して、フォームが送信されたときに通知を受け取るようにすることができます。
返信したいメールアドレスを参照するための返信先を設定することもできます。 さらに、Eメールの件名とEメールメッセージを追加することもできます。
ステップ:4WordPressウェブサイトにフォームを表示する
複数列フォームの設定を作成および構成したので、それを公開します。 また、2つの異なる方法でフォームを公開できます。
1つ目はショートコード方式で、複数列フォームのショートコードをコピーする必要があります。
次に、フォームを配置するウィジェット、ページ、または投稿を開きます。 その後、 (+)ボタンをクリックし、ショートコードをショートコードブロックに貼り付けて、[公開]ボタンをクリックします。
または、最初に(+)ボタンをクリックして、複数列のフォームをWebサイトに追加することもできます。 次に、 EverestFormsと入力する必要がある場所に検索バーが表示されます。 結果にエベレストフォームアイコンが表示されたら、それをクリックします。
次に、前に作成したドロップダウンメニューから[複数列フォーム]オプションを選択します。
そして最後に、右側の隅に表示される[公開]ボタンを押すことを忘れないでください。
まとめ!
これで、WordPressで複数列のフォームを作成するためのステップツーステップガイドは以上です。 お気づきかもしれませんが、Everest Formsを使用すると、複数列のWordPressフォームをWebサイトに簡単に追加できます。
最も重要なことは、このフォームビルダープラグインを使用して、大きなフォームをすっきりと簡潔にすることができることです。 そして、あなたが素人であっても、このプラグインを使用してWebサイトのフォームを作成するのは簡単です。
それ以外にも、透明なヘッダーの作成方法、カスタムホームページの作成方法、投稿レイアウトの変更方法など、WordPress関連のトピックを取り上げたブログもご覧ください。 最後に、TwitterとFacebookでフォローして、今後のアップデートを確認してください。