WordPress：データストレージでマルチページフォームを設計します

キーテイクアウト

WordPressでマルチページフォームを作成するには、通常、ドメインホスティングプロバイダーのコントロールパネルを介して利用できるPHPMyAdminを使用してデータベーステーブルを作成することが含まれます。このテーブルには、カスタムフォームデータが保存されます
• 内蔵WordPress $ WPDBは、フォ​​ーム入力からデータベーステーブルにデータを追加するために使用されます。フォームデータのIDは、将来の使用のために取得されます。
フォームの最初のページの後に詳細情報を収集するには、2番目のページを追加できます。これは、たとえば社会経済データを収集するために使用できます。
• フォームの2番目のページからの情報は、テスト目的でページにキャプチャおよび表示できます。これには、ページ番号をテストするためにElseifステートメントが必要です。

マルチページフォームデザインに関するシリーズのこの2番目の記事では、カスタムフォームデータを保存するために必要なデータベーステーブルを作成します。また、フォームデータの最初のページを保存し、2番目のページをユーザーに表示するプロセスを掘り下げます。私たちは、いくつかの非常に基本的なPHPとSQLを採用して、設計目標を達成しています。 （PHPについてもっと知りたい場合は、パートナーサイトであるPhpmaster.comには、初心者から専門家までさまざまなガイドがあります。）

ステップ1：phpmyadminを使用してデータベーステーブルを作成します

PhpMyAdminを使用したことがない場合は、これは大きなステップです。私はそれが気が遠くなる可能性があることを認識していますが、カスタムフォーム開発は通常、カスタムデータベーステーブルが必要になることを意味します。既存の組み込みのWordPressデータテーブルを使用して、この情報をユーザーメタとして保存することができますが、その機能を作るためにさらに多くのフープを飛び越える必要があります。最終的に、phpmyadminを避けることは、それを学ぶよりもはるかに難しいです。 そのため、ドメインホスティングプロバイダーに移動してログインして、ホスティングコントロールパネルに移動します。 phpmyAdminのボタンまたはリンクまたは他のデータベース管理ツールが表示されます。ドメインホスティングプロバイダーの大部分はphpMyAdminを使用しているため、それを私の例として使用します。 PHPMyAdminにログインしたら、WordPressのインストールのためにSQLタブに移動し、次のコードに貼り付けます。 [sourcode言語=” sql”] テーブル「Shopping_preferences」（ `id` int（7）null auto_incrementではない、 `first_name` varchar（50）nolull、 `last_name` varchar（50）nolul、 `email` varchar（50）null、null、 `phone` varchar（12）nullではありません、 `zip_code` varchar（5）nullではない、 `gender` int（1）nullではありません、 `age` int（3）nullではありません、 `Education` varchar（50）nullではありません、 「収入 `varchar（50）nullではない、 `location` varchar（50）nullではありません、 `カテゴリ` varchar（400）null、 `page` int（1）nullではありません、 `タイムスタンプ`タイムスタンプnull default current_timestamp、 主キー（ `id`） ）） [/sourcecode] もちろん、必要に応じてこのコードを変更できますが、これにより新しいデータテーブルが設定され、マルチページフォームの入力からコンテンツの追加を開始できます。

ステップ2：ページ1のデータの追加

このステップでは、2つのことを達成します。

1. ステップ1で作成したデータベーステーブルにページ1フォームの入力を送信します
フォームデータのIDを取得して、ユーザーがフォームに記入しても情報を追加できるようにします。

データベーステーブルにデータを追加するには、組み込みのWordPress $ wpdbを使用します。 MySQL Insert Scriptを作成できますが、WordPressデータベースを操作して慎重に設計された機能を使用するときに練習することをお勧めします。 これは、最初は最も直感的ではない…でもある単純なプロセスです。 $ wpdbを使用して作業することができたら、大丈夫です。 まず、フォームのページ1から投稿データを取得する必要があります。フォームで作業したことがあるなら、これはおなじみのプロセスです。 挿入プロセスは、変数に割り当てられた配列形式を使用して列を定義することから始まります。その後、挿入関数はそこからそれを取ります。 [sourcode言語=” php”] //フォームのページ2を開始します elseif（$ page == 1）{ //ユーザーが提供した投稿データをつかみます $ first_name = $ _post [’first_name’]; $ last_name = $ _post ['last_name’]; $ email = $ _post [’email’]; $ Phone = $ _Post [’Phone’]; $ zip_code = $ _post ['zip_code’]; //今後の挿入関数のテーブルと入力を割り当てます $ page_one_table =“ Shopping_preferences”; $ page_one_inputs = array（ 「first_name」=> $ first_name、 「last_name」=> $ last_name、 ’email’ => $ email、 「電話」=> $電話、 「zip_code」=> $ zip_code、 「ページ」=> $ページ ）; //データを新しい行に挿入します $ insert_page_one = $ wpdb-> insert（$ page_one_table、$ page_one_inputs）; //後で使用するために挿入した行のIDをつかむ $ form_id = $ wpdd-> insert_id; echo '

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

これがあなたのフォーム入力です： ファーストネーム： ' 。 $ first_name。 『 苗字： ' 。 $ last_name。 『 電子メール： ´。 $電子メール。 『 電話： ' 。 $電話。 『 郵便番号： ' 。 $ zip_code。 『 フォームID： ’。 $ form_id。 」; }//フォームのページ2を終了します [/sourcecode] コードの最後の部分では、データの最初のチェックを少し行っています。フォームの2ページ目にすることについてのメッセージを表示し、保存された入力値を提供したユーザーに表示します。フォームID値がある場合、行を正常に挿入しました！

ステップ3：2ページのフォームの追加

そのため、フォームの最初のページからデータの行を挿入しましたが、これでさらに情報を収集する準備が整いました。今回は、社会経済的データを取得したいと考えています。この時点でユーザーが私たちに救済したとしても、後でそれらと連絡を取るために使用できる有用な情報がまだいくつかあります。 上記の$ form_idコードの後、残りを置き換えて、派手なフォームの2番目のページを追加します。 [sourcode言語=” php”] echo '

性別： を選択します Select gender 女性 男性 age： Education： を選択します Select of Education High School 高校の卒業証書/ged Some College 大学の学位 一部の大学院 卒業生 卒業生の一部 博士 収入： Select Income範囲 $ 10,000未満 $ 10,000 - $ 25,000 $ 25,000 - $ 50,000 $ 50,000 - $ 75,000 $ 75,000を超える

’; }//フォームのページ2を終了します [/sourcecode] 簡潔にするために、私は「年齢」オプションを空白に記入したままにしておき、圧倒的なオプションを備えた長いフォームがありません。最終バージョンには、ドロップダウンメニューがあります。

ステップ4：ページ3のハンドラーの構築

次に、2ページから情報を入手して、必要なものをキャプチャしたことを確認しましょう。テストのためにページに表示します。 ページ番号をテストするには、別のElseifステートメントが必要です。以前のコードサンプルからの「終了ページ2」コメントの直後にこれを配置するだけです。 [sourcode言語=” php”] elseif（$ page == 2）{ $ gender = $ _post ['gender']; $ age = $ _post ['age']; $ EDUCATION = $ _POST [「Education」]; $収入= $ _POST [「収入」]; $ page = $ _post [’page’]; $ form_id = $ _post ['form_id’]; echo '$ gender：’。 $ジェンダー。 」; echo '$ age：’。 $年齢。 」; echo '$ Education：’。 $教育。 」; echo '$ Income：’。 $収入。 」; echo '$ page：’。 $ページ。 」; echo '$ form_id：´。 $ form_id。 」; } [/sourcecode] 関数にまだ「};」が終了していることを確認してください。ブレース - 上部にコピーして貼り付けるのは簡単です。これらの開閉ブレースまたはブラケットの1つが欠落している場合、フォーム全体を壊す可能性があるため、慎重に作業してください。

結論

フォームをリフレッシュして、見よ！近づいています！データを正常に収集し、ページ1から2ページまで保存する2ページのフォームが既にあります。それは大きな第一歩です。 次の記事では、2ページの入力でデータベースを更新する方法と、フォームのオプションバージョンを表示する方法を紹介します。1つは男性用、もう1つは女性用です。 完全性のために、これまでのコードを次に示します。 [sourcode言語=” php”] add_shortcode（ 'multipage_form_sc’、 'multipage_form'）; function multipage_form（）{ グローバル$ wpdb; $ this_page = $ _server [’request_uri’]; $ page = $ _post [’page’]; if（$ page == null）{ エコー '

名： 姓： email： 電話： zip code： ’; }//フォームのページ1を終了します //フォームのページ2を開始します elseif（$ page == 1）{ $ first_name = $ _post [’first_name’]; $ last_name = $ _post ['last_name’]; $ email = $ _post [’email’]; $ Phone = $ _Post [’Phone’]; $ zip_code = $ _post ['zip_code’]; $ page_one_table =“ Shopping_preferences”; $ page_one_inputs = array（ 「first_name」=> $ first_name、 「last_name」=> $ last_name、 ’email’ => $ email、 「電話」=> $電話、 「zip_code」=> $ zip_code、 「ページ」=> $ページ ）; $ insert_page_one = $ wpdb-> insert（$ page_one_table、$ page_one_inputs）; $ form_id = $ wpdb-> insert_id; エコー '

gender：

select genderfemalemale age： 教育： Select Level of Educationseme High School -High School Diploma/Gedsome Collegecollege Degreesoursecurese graduateom 収入： $ 10,000よりも$ 10,000 $ 10,000 - $ 25,000 $ 25,000 - $ 50,000 $ 50,000 - $ 75,000 $ 75,000を選択する ’; } //フォームのページ2を終了します //フォームの3ページを開始します elseif（$ page == 2）{ $ gender = $ _post ['gender']; $ age = $ _post ['age']; $ EDUCATION = $ _POST [「Education」]; $収入= $ _POST [「収入」]; $ page = $ _post [’page’]; $ form_id = $ _post ['form_id’]; echo '$ gender：’。 $ジェンダー。 」; echo '$ age：’。 $年齢。 」; echo '$ Education：’。 $教育。 」; echo '$ Income：’。 $収入。 」; echo '$ page：’。 $ページ。 」; echo '$ form_id：´。 $ form_id。 」; }; //フォームのページ3を終了します } // multipage_form（）関数を終了します [/sourcecode]

WordPressとデータストレージでマルチページフォームの設計に関するよくある質問

プラグインを使用せずにWordPressでマルチページフォームを作成するには、PHPとHTMLの知識が必要です。カスタムフォームを作成し、PHPセッションまたはCookieを使用して複数のページに分割して、ページ間でユーザーデータを保存する必要があります。ただし、特に初心者にとっては、これは複雑で時間がかかる場合があります。 WPFormsやFromidableフォームなどのプラグインを使用すると、このプロセスを簡素化でき、数回クリックしてマルチページフォームを作成できます。

WordPressデータベースにフォームデータを保存するにはどうすればよいですか？

WordPressデータベースにフォームデータを保存することは、組み込みのWordPress関数WPDBを使用して実行できます。この機能により、データベースと直接対話できます。これを使用して、データベースからデータを挿入、更新、削除、および取得できます。ただし、これにはSQLとWordPressデータベースの構造を十分に理解する必要があります。または、フォームデータをデータベースに自動的に保存するプラグインを使用できます。 WebサイトのWordPressデータベースからデータを形成します。これは、WPDB関数を使用して、データベースで選択されたクエリを実行することができます。返されたデータは、PHPを使用して表示できます。ただし、これにはPHPとSQLを十分に理解する必要があります。コーディングに慣れていない場合は、フォームデータを取得および表示するためのユーザーフレンドリーなインターフェイスを提供するプラグインを使用できます。

WordPressでフォームデータのセキュリティを確保することが重要です。これは、SQLインジェクション攻撃を防ぐためにデータベースと対話するときに準備されたステートメントを使用することで行うことができます。また、ユーザー入力を常に検証および消毒して、クロスサイトスクリプティング（XSS）攻撃を防止します。プラグインを使用している場合は、これらのセキュリティベストプラクティスに従うことを確認してください。

WordPressデータベースからCSVファイルにフォームデータをエクスポートできますか？ WordPressデータベースからCSVファイルまで。これは、WPDB関数を使用してデータとPHPの組み込み関数を取得して、CSVファイルを作成および書き込みます。ただし、これにはPHPとSQLを十分に理解する必要があります。あるいは、多くのフォームプラグインが、フォームデータをCSVファイルに簡単にエクスポートできるエクスポート機能を提供します。 WordPressのマルチページ形式の条件付きロジックは、JavaScriptまたはjQueryを使用して実行できます。これにより、ユーザーの入力に基づいてフォームフィールドまたはページを表示または非表示にすることができます。ただし、これにはJavaScriptまたはjQueryを十分に理解する必要があります。コーディングに慣れていない場合、多くのフォームプラグインは、条件付きロジックを作成するためのユーザーフレンドリーなインターフェイスを提供します。 🎜>はい、マルチページフォームをMailChimpやGoogleシートなどの他のサービスと統合できます。これは、それぞれのAPIを使用して実行できます。ただし、これにはAPIとコーディングを十分に理解する必要があります。または、多くのフォームプラグインが一般的なサービスとの統合を提供し、フォームをこれらのサービスに簡単に接続できるようにします。

WordPressでマルチページフォームをスタイリングするにはどうすればよいですか？

WordPressでマルチページフォームをスタイリングすることは、CSSを使用して実行できます。テーマのstyle.cssファイルにカスタムCSSを追加するか、カスタマイザーの追加のCSSセクションを使用できます。ただし、これにはCSSを十分に理解する必要があります。コーディングに慣れていない場合、多くのフォームプラグインは、フォームをスタイリングするためのユーザーフレンドリーなインターフェイスを提供します。 - ステップフォームは、基本的にマルチページフォームと同じです。違いは主にユーザーインターフェイスにあります。マルチステップ形式では、手順は通常、進行状況バーに表示され、ユーザーにフォームを介した進行状況を明確に示しています。マルチステップフォームを作成するには、マルチページフォームの作成と同じスキルとツールが必要です。 WordPressでのユーザー登録には、マルチページフォームを使用します。これは、ユーザーから多くの情報を収集する必要がある場合に役立ちます。ただし、ユーザーエクスペリエンスはできるだけスムーズである必要があることに注意してください。不要な情報を要求しないでください。フォームが簡単にナビゲートできることを確認してください。プラグインを使用して、複数のページでカスタムユーザー登録フォームを作成できます。

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