NO IMAGE

WordPressのお問合せフォームを確認

  • 2018年11月4日
  • 2018年11月4日
  • 未分類
  • 177view

このサイトはWordPressを利用してるが、別のところでお問い合せフォームを設置するよくあるので、ここで見直してみる。

要件としては、

  1. bootstrap4のコンポーネントやクラスが使いやすいこと
  2. お問い合わせ内容の確認画面が表示される事。
  3. お問い合わせをいただいた方への自動返信ができること

そうなるとプラグインを利用するか、自作で書くか。

有名なお問合せプラグイン

 

Contact Form 7

MW WP Form

Visual Form Builder

Ninja Forms Contact Form – The Drag and Drop Form Builder for WordPress

 

 

 

実際に触ってみる。

contact form7は良く使うので、確認画面とかは、追加のプラグインを入れないとだめなので、まずはVisualForm Builderを触ってみる。

確かにVisualForm Builder これはいいな。
実際に貼ってみる。

お問合せフォーム

 

Verification

 

リダイレクト設定もできる。

次に、Ninja Formsを入れてテストしてみる。

バリデーションもついているのか。
これは便利。

 

ただ、レイアウトを変えるのは有料のプラグインのよう。

Layout and Styles

 

実際にdivがどうなってる確認する。
—————————————-

確かに便利。

 

 

自作の場合を考える。

  1. 必要な部分を箇条書きで考える。
  2. バリデーション
  3. 入力の確認ボタン
  4. お問合せフロー表示
  5. 繰り返し使うかもしれないので、ショートコード
  6. post受け取る側スクリプトへの不正POST対応
  7. プラグイン化

このうち、プラグイン化は面倒なので、後回しにして、普通に作る事にする。
長くなったので、別記事に。

 

 

 

 

 

NO IMAGE
最新情報をチェックしよう!

  • Warning: Trying to access array offset on value of type bool in /home/xsvx1010357/kato.space/public_html/wp/wp-content/themes/the-thor/template-parts/single-prevnext.php on line 83

    Warning: Trying to access array offset on value of type bool in /home/xsvx1010357/kato.space/public_html/wp/wp-content/themes/the-thor/template-parts/single-prevnext.php on line 84

    Warning: Trying to access array offset on value of type bool in /home/xsvx1010357/kato.space/public_html/wp/wp-content/themes/the-thor/template-parts/single-prevnext.php on line 85
>最強のWordPressテーマ「THE THOR」

最強のWordPressテーマ「THE THOR」

システムの構築・保守運用「   」 社内システム担当が欲しいが、専属で雇うほどの仕事量はない。 必要な時に必要なだけ頼りたいというお悩みを持つ企業様へ専門知識を持って対応を行っております。 サーバから各種システムまで自社・他社で構築されたシステムに対してサポートを行っております。

CTR IMG