Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

Cocoon ver2.6.9アプデ後...
 
共有:
通知
すべてクリア

[解決済] Cocoon ver2.6.9アプデ後「The Events Calendar」が動かなくなりました。

23 投稿
4 ユーザー
15 Reactions
863 表示
(@robjhon)
Trusted Member Registered
結合: 4年前
投稿: 40
トピックスターター  

いつもお世話になっております。

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
----------------------------------------------


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17356
 

右クリック無効機能などを無効にしていただけますでしょうか。

あと高速化機能などを無効にして動作するか試してみて頂いてよろしいでしょうか。


   
(@robjhon)
Trusted Member Registered
結合: 4年前
投稿: 40
トピックスターター  

@yhira 早速のご返答ありがとうございます。
右クリック、高速化を無効にしました。

無効化したら機能するようです。

jetpackとcocoonで高速化しています。

よろしくお願いいたします。

この投稿は12か月前ずつrobjhonに変更されました

   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8047
 

robjhonさん

投稿者:: @robjhon

右クリック、高速化を無効にしました。

無効化したら機能するようです。

上記ということは、無効化した中のいずれかに、原因がある可能性が高いかと思います。

無効化したものを1つずつ有効にして、その都度問題ないかを確認すれば、どれが原因か分かるのではないでしょうか。

 

ちなみに、Jecpackの高速化とは、どの機能のことでしょう。
(サイトアクセラレーターのことだとすると、結構トラブルが多かったような記憶が・・・)


   
わいひら reacted
(@robjhon)
Trusted Member Registered
結合: 4年前
投稿: 40
トピックスターター  

@mk2_mk2さん、 回答ありがとうございます。

jetpackはサイトアクセラレーターです。


どうやら、cocoonのHTMLを縮小化する」にチェックを入れるとThe Events Calendarの機能が動かなくなるようです。
「CSSを縮小化する」は問題ありません。

また、jetpackのサイトアクセラレーターも問題ありませんでした。

 

よろしくお願いいたします。


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8047
 

robjhonさん

Cocoonの「HTMLを縮小化する」が有効だと、不具合が発生するのですね。

Cocoonの他の高速化機能は無効な状態で、「HTMLを縮小化する」だけを有効な状態にして、確認をしていただくのが良さそうに思います。
(不具合の発生している状態を確認していただく。)

しばらくはご不便をお掛けしますが、ご対応お願いできますでしょうか。


   
わいひら reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8047
 

robjhonさん

HTMLタグに、誤りがあるようです。
まずは、これらを修正した方が良いと思います。

 
赤矢印部分のpタグに、対となる開始タグや閉じタグがないようです。
(もしかすると、ピンクになっているspanにも相方がいないかも・・・)
 
以下のdivタグも同様だと思います。
 
 
HTMLに問題がある場合、縮小化すると表示が崩れたり、不具合が発生する場合が多いです。
(縮小化しない場合は、ブラウザが自動的に補完してくれるケースがあるようです)
 

 


【追記】

その他にも、いろいろあるかもしれないです。
(aタグの中に、aタグがある)


   
わいひら reacted
(@robjhon)
Trusted Member Registered
結合: 4年前
投稿: 40
トピックスターター  

@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


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8047
 

robjhonさん

まだ、aタグの中にaタグがあるものがいくつかあるようです。

 
ただ、縮小化して、これが新たに問題にはならないと思いますので・・・。
とりあえず、「HTML縮小化」をして不具合が発生している状態を、見ていただいた方が良いと思いますけれど。
 

 
私の環境に以下をインストールしてみました。
 
 
以下のページを参考にして、イベント?を1件作成・公開して、ページを表示させてみました。
 
The Events Calendarプラグインの使い方(イベントカレンダーの設置)
https://www.javadrive.jp/wordpress/plugin-list/index26.html
 
 
 
「HTML縮小化」をしない状態の表示は以下で、特にエラーはなさそうでした。
(動作の確認はしておりません、使ったことがありませんので、良く分かっていないですし)
 
 
続いて、「HTML縮小化」をしてみました。
ヘッダー・フッター辺りの見た目から変わってしまうみたいです。
 
 
出ていたエラーは以下。
 
 
 
「HTML縮小化」をしないと以下のものが。
 
「HTML縮小化」すると、以下のように変わるようです。
 
(JSONの「false」が「!1」に変わっている)
 
どうしたら解決するのかは、正直分からないです。(詳しい方が見てくださるかも)
(とりあえず縮小化をしないくらいしか)
 
 
そして、robjhonさんと同じ事象なのかどうかは、分からないです。
(現在は、エラーは出ておらず、HTML縮小化がされていないと思いますので)

   
わいひら reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8047
 

以下の辺りに、何かあるような・・・?
(でも、良く分かっていません)

https://github.com/xserver-inc/cocoon/blob/63b347ccc4f3668bf27908c6f97e6b007b7987c1/lib/php-html-css-js-minifier-new.php#L312-L332


   
わいひら reacted
(@akira)
Famed Member Registered
結合: 7年前
投稿: 1657
 

@robjhon さん

Cocoon の不具合です。ただ、Cocoon のバージョンは関係ないように思えます。The Events Calendar プラグインも最近アップデートがあったようですので、そのタイミングで問題が出たのかもしれません。

Cocoon の修正が終わるまで、Cocoon 設定 > 高速化の「HTML縮小化」を無効になさってください。

この投稿は12か月前ずつAkiraに変更されました

   
わいひら reacted
(@akira)
Famed Member Registered
結合: 7年前
投稿: 1657
 

>> わいひらさん

mk2さんのご指摘のとおり、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 の縮小処理は必要か?
この投稿は12か月前ずつAkiraに変更されました

   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8047
 

Akiraさん

ご確認いただき、ありがとうございます。


   
わいひら reacted
(@robjhon)
Trusted Member Registered
結合: 4年前
投稿: 40
トピックスターター  

皆さま、詳しくお調べ頂きありがとうございます。

@mk2_mk2 さん、タグの打ちミス、見つけて頂きありがとうございます。

改めてチェックしてみます。

とりあえず、Cocoonの「HTML縮小化」を無効にしておきます。

 


   
わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17356
 

投稿者:: @akira

そもそも、HTML 縮小処理の中で JavaScript の縮小処理は必要か?

確かにその通りです。
HTML縮小化ではJavaScriptの縮小化は行わないことにしました。
https://github.com/xserver-inc/cocoon/commit/75e6ce818f90b9feff5292b893fc50486e21800e


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17356
 

@robjhon 

修正版はこちらになります。
------------------------------------------------
https://github.com/xserver-inc/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------


   
(@robjhon)
Trusted Member Registered
結合: 4年前
投稿: 40
トピックスターター  

@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
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17356
 

先ほどこちらでもご指摘いただき修正してみました。
https://wp-cocoon.com/community/postid/76338/

よろしければ以下のファイルでご確認いただければ幸いです。
------------------------------------------------
https://github.com/xserver-inc/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8047
 

こちらも、私の環境ではだめっぽいです。

HTML縮小化前

 
 
HTML縮小化後
 
 
 
以前と、同じ状態のような感じです。
 
コンソールのメッセージ
 
該当箇所(HTML縮小化後)
 
 
HTML縮小化前
 
 
上記は、私の環境で確認したものです。

   
わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17356
 

修正版をGitHubにアップしておきました。


   
mk2 reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8047
 

すみません、こちらの確認を漏らしていました。

私の環境で確認したところ、問題なさそうな感じです。

HTML縮小化後も

  • 見た目が変わらない
  • コンソールにエラーがない
  • JSONが変換されていない(「false」が「!1」に変わらない)

上記3点を確認しました。

ただ、このプラグインは使ったことがなく、使い方が良く分からないため、動作確認はしておりません。


   
わいひら reacted
(@robjhon)
Trusted Member Registered
結合: 4年前
投稿: 40
トピックスターター  

ご連絡が遅くなり申し訳ございません。

最新の修正版をアップロードして確認したところ正常に表示されました

皆さまご対応頂きありがとうございました。


   
わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17356
 

ご確認いただきありがとうございます!


   
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました