サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2020年7月9日 20:59
いつもコクーンを使わせていただき、ありがとうございます。
さて、Contact Form 7を最新のバージョン 5.2にしたところ、承諾確認(acceptance、チェックを入れないと送信ボタンを押せない機能)が効かなくなりました。
チェックを入れずとも送信できてしまいます。
当方の環境：
WordPressバージョン：5.4.2
PHPバージョン：7.3.19
テーマ名：Cocoon バージョン：2.2.0.5
子テーマ名：Cocoon Child 使用
でWordPress、テーマ、Contact Form 7ともに最新です。
初期テーマのTwenty Seventeenに切り替えてみたところ、ちゃんと機能しました。
もしかしたら、私のPHPカスタマイズ、CSSのせいかもしれませんが、一応ご報告しておきます。
よろしくお願いします。
2020年7月10日 00:36
基本的にCocoon側でそういった動作に影響がありそうなものは、変更していないと思います。
加えて、プラグインと併用した際のことなので、必ずしもサポートできるとは限りません。
https://wp-cocoon.com/not-supported/
僕も全てのプラグインを使っているわけではなく、全ての機能を利用しているわけでもないので、必ずしも原因がわかるとは限りませんのであらかじめご了承ください。
ただ、現状でもあまりにも情報が不足しています。
Contact Form 7の入力設定（フォーム作成記入）には、どのように書かれているのでしょうか。
もしくは、そのようなフォームになっているか分る用に、URLとかもあると助かります。
Topic starter
2020年7月10日 09:30
わいひらさん、お返事ありがとうございます。
テーマを親コクーンにしたところ、ご報告の現象は起きませんでした。
よって子テーマで私が行ったカスタマイズの何かが原因と思わますので、自己解決したいと思います。
お忙しい折り、お騒がせいたしました。
Topic starter
2020年7月10日 21:41
わいひらさん
わざわざ設置したようでお手数おかけしました。
私も親テーマにしたところ問題なく動作しました。
また、子テーマにし、カスタマイズをゼロにしても、(つまり子テーマにカスタマイズしたファイルやCSSを一旦外しました)送信ボタンにマウスを持っていっても「禁止マーク？」にはならず、チェックを入れても外したままでも見た目は変わりませんでした。
しかし、そのままチェックを入れないまま、送信ボタンを押すと、「メッセージを送信する前に承諾確認が必要です。」というエラーメッセージが出ました。
チェックを入れなくても送信ボタンは押せるけど、実際にはチェックを入れていないので、エラーメッセージが出るというような感じです。
ちなみにサイトのアドレスはこちらです。
右下に見えるGoogleのreCAPTCHAは同じ環境下の同一サイト(動作確認サイト)で外してみましたが代わり有りませんでした。
WordPress初期値のテーマやその子テーマでは動作しました。
もちろんサポート外ということは分かっているので、お手数にならなければ、何かわかれば程度で結構です。
2020年7月11日 18:20
とりあえず子テーマのJavaScriptでエラーが出ているように見えます。
https://idol.ne.jp/wp-content/themes/cocoon-child-master/js/tooltip.js
まずはこちらをどうにかしていただく必要があるかもしれません。
2020年7月11日 18:21
その他にも、以下のようなエラーも出ていますが、まずは前者の方修正してからということになるかと思います。
Topic starter
2020年7月11日 22:08
わいひらさん
サイト確認していただけたようで恐縮です。
tooltip.js
デベロッパーツールで確認して対応しました。
SyntaxError
これはMarkup (JSON-LD) structured in schema.orgというプラグインが原因のようなので無効化しました。
わいひらさんのご負担にならない範囲でよろしくお願いします。
2020年7月12日 20:35
Contact Form 7プラグイン以外のすべてのプラグインを停止して動作確認はされてみましたか？
もしそれでも不具合が出るようであれば、高速化設定をすべて無効化しても試してみてください。
Topic starter
2020年7月12日 21:25
わいひらさん
プラグインの停止で変わらず、高速化無効化でも変化ありませんでした。
2020年7月13日 19:47
2つ目のエラーは、Contact Form 7で出ているっぽいんですよね。ただソースコードが縮小化されていてよく分からないです。
フォーラムの案内にもありますように、縮小化は無効にしておいていただけると助かります。
不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください
ただいずれにせよ、当サイトもContact Form 7を使用していて問題なく動作しているので、原因はわからないような気がします。
Topic starter
2020年7月13日 20:09
自分で高速無効化の確認して、また戻してしまっていました。
HTMLを縮小化する
JavaScriptを縮小化する
が有効になっていたので、一旦外しました。
>当サイトもContact Form 7を使用していて問題なく動作しているので、原因はわからないような気がします。
すみませんです。
はい、もちろんお手数をおかけしない範囲で結構です。
2020年7月13日 20:18
エラーメッセージが以下のように変わりました。
Uncaught ReferenceError: baguetteBox is not defined
2020年7月13日 20:18
baguetteBoxは画像の拡大JavaScriptライブラリで利用しています。
Cocoon設定「画像」タブの「画像の拡大効果」の状態はどのようになっていますか？
また画像の拡大効果を「なし」するとそうなりますでしょうか。
Topic starter
2020年7月13日 21:51
Cocoon設定「画像」タブの「画像の拡大効果」の状態はどのようになっていますか？
その拡大機能はスマホ閲覧が多いため「baguetteBox（軽量・スマホ向け）」にしています。
なお、先程の高速化(HTMLを縮小化する、JavaScriptを縮小化する)を無効化したところ、ちょうどご指摘の拡大機能も「baguetteBox」を指定しているのに無効化されていました。
このLightbox機能は結構サイトで使う機能なので現在は高速化を有効にさせていただいております。
また画像の拡大効果を「なし」するとそうなりますでしょうか。
まずお問い合わせの問題の箇所は変わりませんでした。
またその時のデベロパーツールに画像を添付します。
よろしくお願いします。
2020年7月14日 20:03
これの下の部分のエラーは、reCAPTCHAのエラーかと思います。
テーマが関与する部分ではないように思います。
もう一つがエラーについては、縮小化が有効になっているので何とも言えません。
申し訳ないですが、縮小化されたコードを解読してまでプラグインに関する不具合対応している余裕はないです。
Topic starter
2020年7月14日 20:13
わいひらさん
了解です。
縮小化を止めると、何故かサイト閲覧で結構使われているLightboxが効かなくなるので、お手数をおかけしてしまいましたが、これをもって調査は結構です。
一応、チェックをしないと先に進めないのは同じなので、これで良しとしておきます。
色々とご迷惑をお掛けしました。
ありがとうございました。
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。