AI要約
フォームフィールドを一行で表示しますか？一行レイアウトのフォームは、サイトの主要なエリア（ホームページの最上部など）に配置して最大限の露出を得るのに役立ちます。
このチュートリアルでは、フォームを一行で表示する方法を説明します。
注意: フォームのレイアウトをカスタマイズするための簡単なドラッグ＆ドロップオプションをご希望の場合は、レイアウトフィールドの使用をお勧めします。ただし、このチュートリアルで説明するinline-fieldsクラスは引き続きサポートされており、送信ボタンをフォームフィールドと同じ行に配置したい場合に推奨されます。
例として、3つのフォームフィールド（名前、電話番号、メールアドレス）を持つフォームを作成します。
フォームフィールドを一行で表示するには、フォームビルダーで設定 » 一般に移動し、フォームCSSクラスフィールドにCSSクラスinline-fieldsを追加します。
注意: WPFormsでinline-fieldsクラスを使用すると、WordPressテーマのスタイルと競合する場合があります。その結果、表示が期待どおりにならない可能性があります。
次に、フォームの高さを縮小するために、各フィールドの高度な設定セクションを開き、ラベルを非表示オプションを選択します。
次に、ユーザーにガイダンスを提供するためにプレースホルダーテキストを設定します。例として、メールアドレスフィールドのプレースホルダーテキストとしてメールアドレスを追加します。
注意: フォームのスタイルに合わせて送信ボタンの外観を変更したい場合は、送信ボタンのカスタマイズに関するガイドに従ってください。
サイトのフロントエンドでは、フォームはこのように表示されます。
注意: 他の例や、一行フォームのすぐに使えるテンプレートをお探しの場合は、インラインニュースレターサインアップフォームテンプレートをご覧ください。
これで完了です！これで、一行で表示されるフォームを作成できます。
次に、ユーザーがフォームから送信した情報のコピーを受け取りたいですか？詳細については、フォーム通知の設定に関するチュートリアルを確認してください。