Contact Form 7はWordPressによるサイト製作でお世話になることが多いプラグインの1つ。ただ、クライアント様によっては、入力、確認、送信の3フェーズにしたいという要望があり、そんな時は別の方法を採用していたのですが、JavaScript(jQuery)を使ってページ遷移しなくてもいいなら確認フェーズは用意できるかなと思い、作り込んでみた。というより設置してみたかな?
目 次
確認画面とは?
通常のフォームであれば送信ボタンがついてます。しかし、確認画面を出してから送信する場合は・・・
このように確認というボタンになります。その後、修正と送信ボタンが出てくるという流れになります。
いきなり送信してしまうより確認画面で確認してから送信したいですね。
プラグインを使う場合
Contact Form 7では定番の確認画面を出すためのプラグインのContact Form 7 add confirmですが・・・
ただ、動かないことも多いのです。
なぜ、動かないのか原因を探してみました。
- functions.phpで独自のjQueryを読み込んでいる
- 共用SSLを使っている
- wp_headとwp_footerを読み込んでいないもしくは、設置場所が移動してる
- jQueryの書き出しに問題がある
jQueryとは?
jQuery(ジェイクエリー)は、ウェブブラウザ用のJavaScriptコードをより容易に記述できるようにするために設計されたJavaScriptライブラリである。ジョン・レシグが、2006年1月に開催された BarCamp NYC でリリースした。
参考:WiKiペディア
関連動画
■お知らせ■
YouTubeチャンネル登録お願いします!
また、ALiSには、ブログ全般に関することを掲載しています。
アメブロの記事の増加とともにメルマガもスタートします。スタートは、12月の予定なので事前に登録していただけると幸いです。
ブログについての共通する考え方
ブログをはじめる前にしておくこと
記事を書くときに気をつけること
- レスポンシブデザインって何?
- 端末やモニターによる見え方の違い
- SSLにしたときのリンク先アドレス
- 入力方法について
- 音声入力と辞書登録について
- タグやハッシュタグの使い方
- アメブロやFC2ブログでのスマホ表示
- 初心者が今すぐできるブログ記事タイトルの5つの改善ポイント
記事構成について
ソーシャルメディアとの連携
ワードプレスのテーマを知る前にブログのことも知っておいてほしいと思います。
有料記事