WordPressでマルチページフォームを設計する：はじめに

キーテイクアウト

WordPressのカスタムマルチページフォームは、基本的なPHPおよびHTMLフォームの知識を使用して、ゼロから作成できます。これらのフォームは、POSTメソッドを使用して情報をフォームからそれ自体に渡し、PHPでステートメントがフォームの次の部分を表示する場合。
• マルチページフォームは、段階的に情報を収集するのに役立ち、ユーザーの応答に基づいて条件付きまたは動的に生成できます。これは、フォームの放棄を減らし、ユーザーの動作に関する重要なデータを収集するのに役立ちます。
マルチページフォームを作成するプロセスには、ショートコードの設定、フォームの新しい投稿またはページの作成、フォーム要素の作成が含まれます。フォームデータは、データベーステーブル内に保存し、フォームの次のページに表示できます。

WordPressでカスタムの複数ページのフォームを作成する必要があることに気付いたことがありますか？私は…いつも！さまざまなプラグインを使用して仕事を成し遂げることができますが、あなたの目的に最適なものはめったにありません。フォームからデータ、レポートまで、すべてを正しくするための最も簡単な方法は、単にこれらをゼロから自分で作成することであることがわかりました。 この一連の記事では、複数のページフォームをゼロから作成するプロセスを説明します。信じられないかもしれませんが、基本的なPHPを理解し、HTMLフォームの基本を知っている場合は、かなり簡単です。 （あなたがPHPのベテランであるか、1人になることに興味があるなら、PHPパートナーサイト、phpmaster.comに向かう必要があります） POSTメソッドを使用して情報をフォームからそれ自体に渡し、PHPのステートメントがフォームの次の部分を表示するかどうかを確認します。ユーザーがフォームデータを送信すると、ページはフォームの次のページで更新され、提出された情報が入力されたように保存されます。 その結果、ユーザーは同じページにとどまり、条件付きで（動的にも）、回答に基づいてフォームの次のページを生成できます。または、Simplicityのためにフォームフィールドを静的に保つことができます。

なぜ多段階のフォーム？

マルチページフォームが必要な理由はたくさんあります。場合によっては、ページごとに3〜5個以上の質問が必要ない場合があります。それ以外の場合は、最初の回答に基づいて追加情報のみを収集することをお勧めします。たとえば、ユーザーが18歳未満であることを示している場合、特定の質問をしたくない場合や、男性または女性の回答者に基づいて別のフォームを表示したい場合があります。 さらに、複数ページのフォームを使用すると、段階的に情報を収集できます。ユーザーが何らかの理由でアンケートを放棄した場合、有用な可能性のある情報を少なくともいくつか収集しました。フォームの放棄は一般的であり、マルチページフォームコレクションは、フォームが最も頻繁に放棄される場所、フォローアップのためのユーザーからの基本的な連絡先などの重要なデータを提供します。

ケーススタディ

計画の目的で、ユーザーとそのショッピングの好みに関する基本情報を収集します。だから、ここに私たちのフォームがどのように進行するかは次のとおりです。

• ページ1 - 基本的な連絡先情報
  • name（first and last）、
  • メール、
  • 電話、
  • zip code
• ページ2 - 社会経済データ
  • 性別
  • age
  • 教育
  • 収入
• ページ3 - ショッピングの好み
  • 場所（オンライン、ストア）
  • お気に入りのカテゴリ
• ページ4 - 「ありがとう！」ランディングページ

これをfunctions.phpファイルで設定します。これはテストに適していますが、サイトでこれをライブにする準備ができたら、これをプラグインにすることを検討する必要があります。 または、このコードをfunctions.phpファイルから分離し、include_onceステートメントを使用して、fules.php docのinclude_onceステートメントを使用して。 この方法の私の理論的根拠の一部は、WordPressでカスタム機能を作成するためのFTPやその他の関連性の低い方法を掘り下げる必要がないことを避けることです。ですから、退役軍人のために、私の理想的ではない方法で我慢してください。

ステップ1：ショートコードを設定します

これはオプションですが、ショートコードを使用してこれらのマルチページフォームを表示しやすくなります。だから、それが私が教える方法であり、あなたが望むならあなたはあなた自身を実装することができます。 functions.phpファイルで、次のように追加します。 [sourcode言語=” php”] add_shortcode（ 'multipage_form_sc’、 'multipage_form'）; function multipage_form（）{ echo '

new form

'; }; [/sourcecode] これにより、WordPressは、ショートコードMultiPage_Form_sc を投稿またはページに配置できること、およびWordPressがショートコードを見つけたときに関数Multipage_Formを実行できることを知ることができます。特定のサイトに使用する複数のマルチページフォームがあることが多いため、これらのフォームに一意の名前を付けます。たとえば、Multipage_form_userinfo_scとその対応する関数Multipage_form_userinfo。

ステップ2：投稿またはページを設定します

複数ページのフォームを存在させたい新しい投稿またはページを作成します。ショートコードをフォームに挿入し、公開し、ページを表示します。 MultiPage_form（）関数で作成した「新しいフォーム」メッセージが表示されます。 ショートコードが投稿/ページエディター内でどのように見えるかは次のとおりです。

[multipage_form_sc]

ステップ3：First Form Elements

最初のフォーム要素の作成に飛びつきましょう。後で掘り下げることができるCSSやその他のアイキャンディーではなく、マルチページ形式の概念に焦点を当てるために、これを非常にシンプルに保ちます。 したがって、MultiPage_form（）関数に貼り付けることができる基本情報は次のとおりです。 [sourcode言語=” php”] add_shortcode（ 'multipage_form_sc’、 'multipage_form'）; function multipage_form（）{ グローバル$ wpdb; $ this_page = $ _server [’request_uri’]; $ page = $ _post [’page’]; if（$ page == null）{ echo '

名： 姓： 電子メール： 電話： zip code：

’; } //フォームのページ1を終了します elseif（$ page == 1）{ $ first_name = $ _post [’first_name’]; $ last_name = $ _post ['last_name’]; $ email = $ _post [’email’]; $ Phone = $ _Post [’Phone’]; $ zip_code = $ _post ['zip_code’]; echo '

2番目のページに到達しました！

ここにフォーム入力があります：

名： ’。 $ first_name。 「

姓： ’。 $ last_name。 「

メール： ´。 $電子メール。 「

電話： ´。 $電話。 「

郵便番号： ’。 $ zip_code。 「

」; } //フォームのページ2を終了します }; [/sourcecode] それはlotです コードのため、ハイライトを押してみましょう。 まず、探している最初の投稿ステートメントがあります。$ this_pageは、フォームの処理用に現在オンになっているページで、$ページはページ番号です。ページ1に「1」、2ページの「2」などを使用しています。この情報を保存すると、ページ番号の記録が記録されます。また、ページ番号を使用して、フォームのページをテストし、それに応じて情報を表示します。 次に、どのページ番号を使用しているかをテストする最初のIFステートメントがあります。空白の場合（null）、フォームの最初のページを表示します。そこには、基本的なフォーム要素、つまりラベルと入力があります。ページ番号に非表示のフォーム値を含めましたが、あらゆる種類の追加の非表示フォームフィールドを追加して、ユーザー名（ログインしている場合）を収集することもできます。 その後、Elseifステートメントから始まる2ページの情報があります。フォームデータの処理と表示については、Elseifステートメントのこのパスを続けます。多くのページがある場合は、Switchステートメントを使用できますが、このシナリオではフォーマットが正常に機能します。 2ページ目に、フォーム入力をつかみ、テスト目的で表示します。次の記事では、実際にこの情報をデータベーステーブル内に保存し、フォームの次のページを表示します。

試してみてください

上記のコードを使用してfunctions.phpファイルを保存します（何も見逃さないでください。単一の誤ったセミコロンまたはブレースがサイトをクラッシュさせます！）ステップ2で作成した投稿またはページに移動し、フォームの1ページに記入します、「送信」ボタンをクリックします。出来上がり！

次に来ます！

このシリーズの次の記事では、PHPMyAdminに飛び込み、データベースにテーブルを作成して、収集しているこの素晴らしい情報の保存を開始します。心配しないでください、私はそれを非常に基本的に保ち、あなたが物事のその側面に真新しいなら、あなたのためにMySQLスクリプトを書くことさえします。 PHPマスタリー専用のWebサイト全体があることをご存知ですか？ phpmaster.comのパートナーサイトをご覧ください WordPressでマルチページフォームの設計に関するよくある質問 WordPressでマルチページフォームを使用することの利点は何ですか？長いフォームを管理可能なセクションに分解し、脅迫係数を削減し、ユーザーが簡単に完了できるようにすることで、ユーザーエクスペリエンスを改善するのに役立ちます。また、ユーザーはより短いフォームを完成させる可能性が高いため、コンバージョン率を上げるのにも役立ちます。さらに、マルチページフォームにより、フォームのさまざまなセクションに基づいてデータをセグメント化および分析できるため、より良いデータ管理と分析が可能になります。

コード化の知識なしでマルチページフォームを作成できますか？

​​

はい、コーディングの知識なしにWordPressでマルチページフォームを作成できます。 WPFormsやMulti-Stepフォームなど、マルチページフォームを作成するためのユーザーフレンドリーなインターフェイスを提供するいくつかのプラグインがあります。これらのプラグインはドラッグアンドドロップフォームビルダーを提供しているため、誰でも簡単に複雑なフォームを作成できます。フォームのデザインを変更できるカスタマイズオプションを提供します。配色、フォントスタイル、ボタンデザインなどをカスタマイズできます。一部のプラグインは、より経験豊富なユーザー向けにCSSを介した高度なカスタマイズオプションを提供します。

マルチページフォームに条件付きロジックを追加できますか？これにより、ユーザーの入力に基づいて変更される動的フォームを作成できます。たとえば、ユーザーが提供する回答に基づいて特定のフィールドまたはページを表示または非表示にすることができます。さまざまな分析ツールを使用したマルチページフォームのパフォーマンス。ほとんどのフォームプラグインはGoogleアナリティクスと統合され、フォームビュー、提出、および変換レートを追跡できます。一部のプラグインは、組み込みの分析機能も提供しています。

マルチページフォームでユーザーの進捗を保存できますか？これにより、ユーザーは進捗状況を保存し、後でフォームに記入し続けることができます。この機能は、長いフォームに特に役立ちます。

マルチページフォームでのスパムの提出を防ぐにはどうすればよいですか？

マルチページフォームでのスパム提出を防ぐ方法はいくつかあります。ほとんどのフォームプラグインは、CaptchaやHoneypotフィールドなどの組み込みスパム保護機能を提供しています。サードパーティのアンチスパムプラグインを使用して追加の保護を使用することもできます。

マルチページフォームを他のツールやサービスと統合できますか？さまざまなツールとサービス。フォームを電子メールマーケティングサービス、CRMソフトウェア、支払いゲートウェイなどと統合できます。これにより、さまざまなタスクを自動化してワークフローを合理化できます。

公開する前にマルチページフォームをテストするにはどうすればよいですか？公開する前にフォーム。ユーザーがすべてが正しく機能するようにするため、フォームに記入できます。また、さまざまなデバイスやブラウザでフォームをテストして、互換性を確保することもお勧めします。

WordPressでフォームデータをエクスポートまたはインポートできますか？

​​

はい、ほとんどのWordPressフォームプラグインはデータのエクスポートとインポートをサポートしています。フォームの送信をCSVファイルにエクスポートして、他のフォームまたはソースからデータをさらに分析するか、データをインポートできます。これは、データの移行やフォームデータのバックアップコピーの作成に特に役立ちます。

以上がWordPressでマルチページフォームを設計する：はじめにの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。