「入力画面」「確認画面」「送信完了画面」の3ステップのお問い合わせフォームの実装と、気分転換に環八通りに沿って4駅分(1時間)あるいて30分以上の軽運動後はアイスコーヒーがいつもの2倍くらい美味しく感じることに気づいた日曜日。
WordPressでお問い合わせフォームの確認画面を作るときに愛用していたプラグイン「Contact Form 7 add confirm」が最新のWordPressのバージョンでは使用できないという衝撃の事実を知り、代替案をリサーチしたところ、「Contact Form 7 Multi-Step Form」というプラグインで代替できるという情報が多かったのでさっそくインストールして使ってみました。
![](https://yuyauver98.me/wp-content/uploads/2023/05/スクリーンショット-2023-05-01-17.35.36.jpg)
「Contact Form 7 add confirm」と仕様は似ていたのでほぼ躓くことなくノンストレスで確認画面&送信完了画面を実装できてありがたかったです。
その過程で、「前のページが確認画面だったときは〜する」というプログラムや、入力画面でテキストエリアに入力された値の確認画面での改行反映方法などを新たに習得できていい勉強にもなりました。
ちゃんとフォームが動作してるかテスト送信したとき、[your-name][your-email]といったcf7のタグが自動返信メール文にそのまま出力されてしまい少し困りましたが、時間置いて再考したら一瞬で解決できました。
入力画面用のフォームだけでなく、確認画面用のフォームのメッセージ設定もしなければならなかったようです。
昔Webサイト制作したときよりも、エラーや問題に出くわしたときにあの手この手をトライアンドトライアンドトライして無事解決できる速度が格段に上がっていることにこの上ない喜びを感じました。
2023年4月23日の動画日記
動画日記1045日目!
2023年4月の日記一覧