Contact Form 7のhttpsページでのエラー

Question

Contact Form 7を使ってお問い合わせフォームを使っています。
しかしWordPress HTTPSを使ってフォームのページだけをSSLのページにすると、
送信ボタンを押しても回転矢印アイコンが回ったまま動きませんでした。

そこでContact Form 7 Controlsというプラグインを入れて、
AJAX Submissionsの項目の
Disable AJAX for this formにチェックを入れると、
フォームの送信が出来るようになりました。

ですが、それでどうしてフォームが動くようになったのかがわかりません。
調べてみましたが、結局わかりませんでした。
ご教授願いたいです。

共用SSLだとContact Form 7でSSLのページが動かないという話も聞きましたが、
自分のサーバーがそうなのかは不明です。

Answer 1

共用かどうかではなく、部分的にSSLページにした場合、プラグインが使用する画像やJavaScript、CSSなどのURLがhttpのままになることが問題なのでは。全体をSSL化するほうが手早いと思います。

【SSL対応でhttpとhttpsが混在したコンテンツが表示できない原因を特定する | FeeeeeLog (フィーログ)】
https://feel-log.net/seo/ssl-notice-http-https/

下記方法はプラグインを書き換えていますが、プラグインを書き換えることはお勧めしません。なぜならアップデート（更新）が難しくなるからです。プラグインのアップデートの際に上書きされてしまうので、毎回コードを書き換えすることになり、メンテナンス性が落ちます。（ちなみにどちらも更新しないのはもってのほかです）

プラグインの中には一部の動作（表示）にフックをかける機構を設けていることもあり、通常はそこでカスタマイズします。下記例で言えば 'wpcf7_ajax_loader' にフックをかけて処理することになります。
（詳しいやり方は「WordPress フック」で検索してみてください）

【共用SSLでContactForm7を使用する[WordPress]】
http://kotori-blog.com/wordpress/sharessl_cf7/

Comments

[design_teratail]

回答ありがとうございました。
httpのままの画像が混ざっていたのがわかり、修正しました。
が、それで何故フォームが動くようになったのかがわかりません。
それについて何かおわかりにならないでしょうか？

[kei344]

どう作業したかがわからないのですが、http混在であるはずのものがなかったりしたのでは。
そういう場合は動かない状態のときにエラーが出ていないかデベロッパーツールで確認してみてください。http://eng-entrance.com/javascript-display-error

[design_teratail]

回答ありがとうございました。
確認しました。