サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2023-12-26 13:21
いつもお世話になっております。
Cocoonバージョン: 2.6.9にアップデートしたら、The Events Calendarの機能が動かなくなりました。
・カレンダー表示
・検索機能 等
原因がわからず、対処できません。
お手数をおかけしますが、ご確認をお願いします。
該当のページ
https://jewelry-craft.online/events/
----------------------------------------------
サイト名：ジュエリークラフト
サイトURL： https://jewelry-craft.online
ホームURL： https://jewelry-craft.online
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-child-master
親テーマスタイル：/wp-content/themes/cocoon-master/style.css
子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css
WordPressバージョン：6.4.2
PHPバージョン：7.4.33
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：2.6.9
カテゴリー数：37
タグ数：76
ユーザー数：272
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.2
style.cssサイズ：59567バイト
functions.phpサイズ：101460バイト
----------------------------------------------
Gutenberg：1
AMP：0
PWA：0
Font Awesome：4
Auto Post Thumbnail：0
Retina：0
ホームイメージ：/wp-content/uploads/2022/04/F31A2795__w1920xh1080.webp
----------------------------------------------
ブラウザキャッシュ有効化：1
HTML縮小化：1
CSS縮小化：1
JavaScript縮小化：0
Lazy Load：0
----------------------------------------------
利用中のプラグイン：
Activity Plus Reloaded for BuddyPress 1.1.0
Advanced Dynamic Pricing for WooCommerce 4.5.4
AIOVG – Custom Templates
Akismet Anti-spam: Spam Protection 5.3
All-in-One Video Gallery (Premium) 3.5.2
All-in-One WP Migration 7.79
All-in-One WP Migration Unlimited Extension 2.54
BasePress 2.15.24
bbPress 2.6.9
Broken Link Checker 2.2.3
BuddyPress 11.3.1
CBX Bookmark & Favorite 1.7.17
CBX Bookmark & Favorite Pro Addon 1.3.13
Checkout Field Editor for WooCommerce 2.0.0
Classic Editor 1.6.3
Complianz | GDPR/CCPA Cookie Consent 6.5.6
Copy Anything to Clipboard 3.5.0
Favorites 2.3.3
GD bbPress Attachments 4.6
Health Check & Troubleshooting 1.7.0
Inline Google Spreadsheet Viewer 0.13.2
Instagram Feed Pro Personal 6.3.4
Jetpack 12.9.3
Jetpack Protect 1.4.2
KOMOJU Payments 3.0.5
MailPoet 4.40.0
MailPoet Premium 4.40.0
MathJax-LaTeX 1.3.12
MW WP Form 5.0.6
Payment Plugins for Stripe WooCommerce 3.3.54
Redirection 5.3.10
Simple Membership After Login Redirection v1.6
Simple Membership BBPress Addon v1.4
Simple Membership Google recaptcha 2.0
Simple WordPress Membership 4.4.0
SiteGuard WP Plugin 1.7.6
SWPM WooCommerce Addon 2.0
The Events Calendar 6.2.9
User Role Editor 4.64.1
WooCommerce 8.4.0
WooCommerce Amazon Pay 2.5.1
WooCommerce PayPal Payments 2.4.2
WP-Optimize - Clean, Compress, Cache 3.2.22
WP All Import 3.7.3
WP Mail Logging 1.12.0
WP Mail SMTP 3.11.0
WP ULike 4.6.9
XML Sitemap Generator for Google 4.1.16
Xserver Migrator 1.6.1
Yes/No Chart 1.0.12
YITH WooCommerce Wishlist 3.28.0
----------------------------------------------
Topic starter
2023-12-26 22:26
@mk2_mk2さん、 回答ありがとうございます。
jetpackはサイトアクセラレーターです。
どうやら、cocoonのHTMLを縮小化する」にチェックを入れるとThe Events Calendarの機能が動かなくなるようです。
「CSSを縮小化する」は問題ありません。
また、jetpackのサイトアクセラレーターも問題ありませんでした。
よろしくお願いいたします。
2023-12-26 22:57
robjhonさん
Cocoonの「HTMLを縮小化する」が有効だと、不具合が発生するのですね。
Cocoonの他の高速化機能は無効な状態で、「HTMLを縮小化する」だけを有効な状態にして、確認をしていただくのが良さそうに思います。
（不具合の発生している状態を確認していただく。）
しばらくはご不便をお掛けしますが、ご対応お願いできますでしょうか。
わいひら reacted
2023-12-27 01:23
robjhonさん
HTMLタグに、誤りがあるようです。
まずは、これらを修正した方が良いと思います。
赤矢印部分のpタグに、対となる開始タグや閉じタグがないようです。
（もしかすると、ピンクになっているspanにも相方がいないかも・・・）
（もしかすると、ピンクになっているspanにも相方がいないかも・・・）
以下のdivタグも同様だと思います。
HTMLに問題がある場合、縮小化すると表示が崩れたり、不具合が発生する場合が多いです。
（縮小化しない場合は、ブラウザが自動的に補完してくれるケースがあるようです）
（縮小化しない場合は、ブラウザが自動的に補完してくれるケースがあるようです）
【追記】
その他にも、いろいろあるかもしれないです。
（aタグの中に、aタグがある）
わいひら reacted
Topic starter
2023-12-27 18:52
@mk2_mk2 さん、細かく確認頂きありがとうございます。
HTMLを縮小化する」にチェックすると、コンソールにエラーが表示されます。
チェックを外すと、エラーが消え、正常に動作するようです。
Uncaught SyntaxError: JSON.parse: unexpected character at line 1 column 601 of the JSON data
setup https://jewelry-craft.online/wp-content/plugins/the-events-calendar/src/resources/js/views/manager.min.js?ver=6.2.9&fver=20231226021259:11
jQuery 2
ready https://jewelry-craft.online/wp-content/plugins/the-events-calendar/src/resources/js/views/manager.min.js?ver=6.2.9&fver=20231226021259:11
jQuery 2
e
t
manager.min.js:11:1469
2023-12-27 23:46
robjhonさん
まだ、aタグの中にaタグがあるものがいくつかあるようです。
ただ、縮小化して、これが新たに問題にはならないと思いますので・・・。
とりあえず、「HTML縮小化」をして不具合が発生している状態を、見ていただいた方が良いと思いますけれど。
私の環境に以下をインストールしてみました。
The Events Calendar
https://ja.wordpress.org/plugins/the-events-calendar/
https://ja.wordpress.org/plugins/the-events-calendar/
以下のページを参考にして、イベント？を1件作成・公開して、ページを表示させてみました。
The Events Calendarプラグインの使い方(イベントカレンダーの設置)
https://www.javadrive.jp/wordpress/plugin-list/index26.html
https://www.javadrive.jp/wordpress/plugin-list/index26.html
「HTML縮小化」をしない状態の表示は以下で、特にエラーはなさそうでした。
（動作の確認はしておりません、使ったことがありませんので、良く分かっていないですし）
（動作の確認はしておりません、使ったことがありませんので、良く分かっていないですし）
続いて、「HTML縮小化」をしてみました。
ヘッダー・フッター辺りの見た目から変わってしまうみたいです。
出ていたエラーは以下。
「HTML縮小化」をしないと以下のものが。
「HTML縮小化」すると、以下のように変わるようです。
（JSONの「false」が「!1」に変わっている）
どうしたら解決するのかは、正直分からないです。（詳しい方が見てくださるかも）
（とりあえず縮小化をしないくらいしか）
（とりあえず縮小化をしないくらいしか）
そして、robjhonさんと同じ事象なのかどうかは、分からないです。
（現在は、エラーは出ておらず、HTML縮小化がされていないと思いますので）
（現在は、エラーは出ておらず、HTML縮小化がされていないと思いますので）
わいひら reacted
2023-12-28 16:46
>> わいひらさん
ｍｋ２さんのご指摘のとおり、fn_minify_js_union() が問題を起こしています。
この fn_minify_js_union() が 176 行目 で呼び出されます。Cocoon 設定 > 高速化の「JavaScript縮小化」が無効であっても、<script> の中身が縮小されます。
少なくとも type="application/json" のある <script> は false や true の bool 値を変換しないようにしないといけません。または、fn_minify_js_union() で処理する全ての <script> で bool 値の変換をやめてもいいかもしれません。
ただ、3 つ疑問があります。
- MatthiasMullie\Minify で処理しなくていいのか？
- 「JavaScript縮小化」が有効か無効かを反映しなくていいのか？
- そもそも、HTML 縮小処理の中で JavaScript の縮小処理は必要か？
This post was modified 4か月前 by Akira
2023-12-31 12:56
そもそも、HTML 縮小処理の中で JavaScript の縮小処理は必要か？
確かにその通りです。
HTML縮小化ではJavaScriptの縮小化は行わないことにしました。
https://github.com/xserver-inc/cocoon/commit/75e6ce818f90b9feff5292b893fc50486e21800e
2023-12-31 12:57
修正版はこちらになります。
------------------------------------------------
https://github.com/xserver-inc/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------
Topic starter
2024-01-05 08:47
@yhira さん、回答ありがとうございます。
修正版をアップロードして、「HTMLを縮小化する」にチェックを入れると、表示崩れが起こりました。（Jetpackの高速化はoff）
また、イベントカレンダーではエラーが発生します。
キャッシュは削除してあります。
＜コンソールのエラー（イベントカレンダー）＞
Uncaught SyntaxError: JSON.parse: unexpected character at line 1 column 601 of the JSON data
setup https://jewelry-craft.online/wp-content/plugins/the-events-calendar/src/resources/js/views/breakpoints.min.js?ver=6.2.9&fver=20231226021259:11
initBreakpoints https://jewelry-craft.online/events/:337
<anonymous> https://jewelry-craft.online/events/:338
<anonymous> https://jewelry-craft.online/events/:338
現在は、「HTMLを縮小化する」をoffにして、JetPackをONにしている状態です。
よろしくお願いいたします。
わいひら reacted
2024-01-05 09:05
先ほどこちらでもご指摘いただき修正してみました。
https://wp-cocoon.com/community/postid/76338/
よろしければ以下のファイルでご確認いただければ幸いです。
------------------------------------------------
https://github.com/xserver-inc/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------
2024-01-05 10:52
こちらも、私の環境ではだめっぽいです。
HTML縮小化前
HTML縮小化後
以前と、同じ状態のような感じです。
コンソールのメッセージ
該当箇所（HTML縮小化後）
HTML縮小化前
上記は、私の環境で確認したものです。
わいひら reacted
2024-01-08 01:49
すみません、こちらの確認を漏らしていました。
私の環境で確認したところ、問題なさそうな感じです。
HTML縮小化後も
- 見た目が変わらない
- コンソールにエラーがない
- JSONが変換されていない（「false」が「!1」に変わらない）
上記3点を確認しました。
ただ、このプラグインは使ったことがなく、使い方が良く分からないため、動作確認はしておりません。
わいひら reacted
Topic starter
2024-01-10 17:48
ご連絡が遅くなり申し訳ございません。
最新の修正版をアップロードして確認したところ正常に表示されました。
皆さまご対応頂きありがとうございました。
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。