お問い合わせフォームについて

一週間以上これと戦ってました。

Contact Form 7 Multi-Step Formsのことです。
WordPressのプラグインContact Form 7の追加機能です。

Contact Form 7 Multi-Step Formsとは
メール送信機能だけのContact Form 7に
「この記述で間違いありませんか？」
「送信完了しました」
の機能をつけることです。

以下、参考サイトです。
Contact Form 7で確認画面とサンクスページを作る方法

これがお手本通りやっても実装されないんです。
メールを送る前の確認ボタンを押しても
画面が変わらずメールだけは送信されるという不具合に。
Contact Form 7 Multi-Step Formsがまるで効いておらず
以下の情報と同じ症状でした。
Contact Form 7 Multi-Step Formsで次のステップに遷移しない

私の場合は
<?php wp_deregister_script(‘jquery’); ?>
の記述が原因でした。
これがコンフリクトするようです。

ですが、これが無いとスクリプトエラーが残るため
何とか共存してもらう必要があり

functions.phpに以下のコードを入れます。
<?php
function custom_jquery() {
    // WordPress がデフォルトで登録している jQuery を解除します。
    wp_deregister_script(‘jquery’);

    // カスタムの jQuery を登録し、サイト全体でこのバージョンの jQuery を使用します。
    wp_register_script(‘jquery’, ‘https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js‘, false, ‘3.6.0’);
    wp_enqueue_script(‘jquery’);
}
add_action(‘wp_enqueue_scripts’, ‘custom_jquery’);
?>

これで解決しました。
ここに至るまで記述ミスチェックや、JavaScriptの追記など
遠回りしまくってようやく解決しました。

解決に至った流れは
既存テーマで試したら、問題なく実装されたため
そのファイル（php）をチェック。
記述がほとんどなく、逆に参考にならないのがある意味ヒントで
余計な記述を消せばContact Form 7 Multi-Step Formsが反映されるのでは？と行き着く。
そして
functions.php
main.js
footer.php
を順に消しては試して
header.phpで動作確認できました。
そこの記述に<?php wp_deregister_script(‘jquery’); ?>があった、という流れでした。

調査にかかる時間がまだまだ非常に長いですが
これからも頑張っていきます！

どうもありがとうございました！