先日フォームプラグイン【Contact Form 7】がメジャーアップデート(ver5.4)をおこないました。
その影響でjs絡みで現時点で2件ほど、以前まで動いていたものが動かなくなっている事例を確認しています。
① フォームに reCaptcha V3 を導入するときに使っていたプラグイン
Invisible reCaptcha for WordPress
が有効の状態だと、Contact Form 7のバリデーションチェックなどのフロントjsが動かない
② 「Contact Form 7のファイルを必要な場合にのみ読み込む」対応も、同様にContact Form 7のバリデーションチェックなどのフロントjsを止めてしまう
③ 確認画面が必要な場合の簡単な確認画面実装方法として当サイトでも勧めている確認画面プラグイン「contact form 7 add confirm」が動かず、確認画面に遷移しない
さっそく解決しましょう。
①については、「Invisible reCaptcha for WordPress」をもう使わない、という選択しかないので「WordPressのスパムメール対策」の通りにContact Form 7のアドオン機能を使ってreCaptcha V3を実装して回避することにしましょう。
ただこの場合、すべてのページでreCaptchaが実行されreCaptchaロゴが表示されてうっとうしいという方は、「Contact form 7に実装したreCAPTCHA v3のロゴをフォーム以外の場所では非表示にする」方法を実施してフォームに関係ないページではreCaptchaが実行されないようにしてあげればOK。
②と③についてはContact Form 7 のバージョン5.4以降は使わないということでひとまず解決しましょう。
メジャーアップデートはやっぱり慎重に検証したほうが良いですね。
WordPressカスタマイズ事例やウェブ制作ノウハウの新着情報、お役立ち情報を
リアルタイムにメルマガ配信!