WordPressで複数列のフォームを作成する方法は? (ビギナーズガイド2022)

公開: 2022-06-16

WordPressで複数列のフォームを作成する方法を知りたいですか? さて、検索はここで終了すると言わなければなりません。

複数列のフォームは、ユーザーがナビゲートしやすい整理されたフォームを作成するのに役立ちます。 実際、これらのタイプのフォームは、より魅力的でインタラクティブであると見なされています。

したがって、この記事では、複数列のWordPressフォームを作成する方法に関する完全なガイドを紹介しました。

したがって、ステップバイステップガイドを開始する前に、まず、複数列のWordPressフォームを追加する必要がある理由を理解しましょう。

目次

複数列のWordPressフォームを追加する理由

フォームは、訪問者があなたに連絡して情報を送信できるようにする方法です。 また、フォームは、リードを生成し、ユーザーを顧客に変えるための優れた媒体です。

したがって、インタラクティブで魅力的なフォームをWebサイトに展開する必要があります。

さらに追加するには、テキストボックス、ラジオボタン、ドロップダウンメニュー、条件付きロジック、ファイルアップロード領域の追加などを使用して、フォームをインタラクティブにすることができます。

ただし、これらすべての要素を1列のフォームに追加すると、フォームが長くなります。 言うまでもなく、ユーザーがフォームに入力するには多くの時間と労力がかかります。

しかし、心配しないでください。マルチカラムフォームが救いの手を差し伸べます。 マルチカラムフォームは、長いフォームをよりすっきりとスキャンしやすくします。

実際には、これらのフォームは、従来の単一列フォームよりも魅力的です。 また、複数列のグリッドはフォームのテキストを強調し、読みやすく、理解しやすくします。

複数列のフォームフィールドが並んでいるため、ユーザーがフォームを簡単にナビゲートできます。 したがって、スマートグリッドレイアウトで長くて退屈なフォームを紹介するのに最も効果的な方法です。

問題は、WordPressで複数列のフォームを簡単に作成する方法です。 魅力的な複数列のフォームを作成するのは簡単です。まず、WordPressフォームビルダープラグインが必要です。

したがって、次のセクションでは、WordPressで複数列のフォームを作成するための最適なフォームビルダープラグインを見つけます。


複数列のフォームを作成するための最高のWordPressプラグイン

ウェブ上で利用可能な多数のWordPressフォームビルダープラグインがあります。 ただし、それらのすべてが、あらゆるタイプのフォームを作成するのに十分なユーザーフレンドリーまたは汎用性があるわけではありません。

心配しないでください、私たちはいくつかの調査を行い、あなたにぴったりのWordPressフォームビルダープラグインを見つけました。 これは、WPEverestによるEverestForms以外のものではありません。

エベレストフォームを使用してWordPressで複数列のフォームを作成する

このプラグインを使用すると、コードを1行も記述せずに、任意のタイプのフォームを作成できます。 最も重要なのは、ドラッグアンドドロップインターフェイスを備えていることです。 また、あらゆるタイプのフォームを作成およびカスタマイズすることは非常に柔軟です。 さらに、さまざまなビルド済みのフォームテンプレートが付属しているため、すぐに開始できます。

また、電子署名とショートコードをサポートし、電子メール通知やオートレスポンダーなどが付属しています。さらに、PayPalなどの多くのツールや支払いゲートウェイと統合されています。

複数列のフォームに加えて、マルチステップフォーム、調査フォーム、ユーザー登録フォーム、連絡先フォームなどを作成することもできます。さらに、無制限のフォームフィールドの追加、高度なカスタマイズツールなどの最高の機能を提供します。

そしてこれまでのところ、 100,000人以上のユーザーがこのプラグインを信頼しています。 したがって、間違いなく、WordPressWebサイト用の複数列フォームを作成するための最良のオプションの1つです。 次に、EverestFormsを使用してWordPressで複数列のフォームを作成します。 始めましょう。


エベレストフォームを使用した複数列フォームの作成

手順:1エベレストフォームをインストールしてアクティブ化する

まず最初に、WordPressWebサイトにプラグインをインストールする必要があります。 したがって、WordPressダッシュボードにログインし、 [プラグイン]>>[新規追加]に移動します。

WordPressウェブサイトにプラグインを追加する

ここに、 EverestFormsと入力する必要のある検索バーが表示されます。 検索結果にエベレストフォームが表示されたら、 [今すぐインストール]ボタンをクリックします。

エベレストフォームプラグインのインストール

プラグインをインストールすると、[アクティブ化]ボタンが表示されるので、それをクリックします。

エベレストフォームプラグインのアクティブ化

これで、無料バージョンのEverestFormsが正常にインストールされました。

実際、Everest Formsの無料バージョンを使用すると、WordPressWebサイト用のインタラクティブな複数列のフォームを作成できます。

または、プラグインの広範な機能にアクセスしたい場合は、プレミアムパックも購入できます。


ステップ:2複数列の新しいフォームを作成する

Everest Formsをインストールしてアクティブ化したら、WordPressWebサイト用の複数列フォームの作成を始めましょう。 これを行うには、まず、 [エベレストフォーム]>>[新規追加]に移動します。

エベレストフォームに新しいフォームを追加する

その後、新しいページに直接移動します。ここでは、エベレストフォームが提供するさまざまな既成のフォームを見ることができます。

エベレストフォームテンプレート

ここでは、任意のフォームテンプレートを選択してカスタマイズし、Webサイトに追加できます。 または、フォームを最初から作成することもできます。

ここでは、フォームを最初から作成します。 したがって、[最初から開始]オプションをクリックします。

新しいフォームの作成

次に、フォームに適切な名前を付けます。 たとえば、ここでは、フォームにMultiColumFormという名前を付けています。

WordPressで複数列のフォームを作成する

その後、マルチカラムフォームの作成を開始できる新しいページに移動します。

ご覧のとおり、フォームにはすでに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でフォローして、今後のアップデートを確認してください。