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カスタマイズ依頼

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

JavaScriptを縮小化するを無効...
 
共有:
通知
すべてクリア

JavaScriptを縮小化するを無効にすると画像が表示されなくなる

20 投稿
2 ユーザー
6 Reactions
810 表示
taku
 taku
(@taku)
Estimable Member Registered
結合: 5年前
投稿: 135
トピックスターター  

お世話になります。

 

cocoon設定→サイト高速化→JavaScriptを縮小化するのチェックを外すと

 

PC表示では一部のアイコン(ブログカードのURLの横のサイトアイコン)が、

スマホ表示ではアイキャッチや記事内のものなどほとんどの画像が表示されなくなります。

 

フォーラムに質問させていただく際にしか「JavaScriptを縮小化」を無効にすることはございませんので、急ぎではないのですが一度ご確認お願いできますでしょうか?

 

「HTMLを縮小化する」と「CSSを縮小化する」は現在チェックを外しておりますが、不具合はありません。

----------------------------------------------
サイト名:沖縄巡り.com
サイトURL: https://okinawameguri.com 
ホームURL: https://okinawameguri.com 
コンテンツ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
スキン:/wp-content/themes/cocoon-master/skins/skin-tecurio-sky/style.css
WordPressバージョン:5.7.2
PHPバージョン:7.4.14
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:89.0) Gecko/20100101 Firefox/89.0
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate, br
言語:ja,en-US;q=0.7,en;q=0.3
----------------------------------------------
テーマ名:Cocoon
バージョン:2.3.2.1
カテゴリ数:101
タグ数:0
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.1
style.cssサイズ:7901バイト
functions.phpサイズ:3075バイト
----------------------------------------------
Gutenberg:0
AMP:1
PWA:1
Font Awesome:5
Auto Post Thumbnail:0
Retina:0
ホームイメージ:/wp-content/uploads/2020/06/51e3409df2a36cce56c3afe7172d5e55.png
----------------------------------------------
ブラウザキャッシュ有効化:1
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:1
Lazy Load:1
WEBフォントLazy Load:0
----------------------------------------------
利用中のプラグイン:
AddQuicktag 2.6.1
Advanced Editor Tools (previously TinyMCE Advanced) 5.6.0
Akismet Anti-Spam 4.1.10
Broken Link Checker 1.11.15
Category Order and Taxonomy Terms Order 1.5.7.5
Contact Form 7 5.4.1
Edit Author Slug 1.8.2
EWWW Image Optimizer 6.1.9
Google Authenticator 0.53
Google XML Sitemaps 4.1.1
No Self Pings 1.1.5
ProfilePress 3.1.11
Redirection 5.1.1
Regenerate Thumbnails 3.1.5
Search Regex 2.4.1
Shortcake (Shortcode UI) 0.7.4
Shortcodes Ultimate 5.10.1
SiteGuard WP Plugin 1.6.0
TablePress 1.13
TablePress Extension: Responsive Tables 1.8
TinyMCE Templates 4.8.1
Ultimate Nofollow 1.4.8
UpdraftPlus - Backup/Restore 1.16.56
WebP Converter for Media 3.0.6
WebSub/PubSubHubbub 3.0.3
Widget Logic 5.10.4
WP-Optimize - Clean, Compress, Cache 3.1.11
WP Mail SMTP 2.9.0
WP Multibyte Patch 2.9
WPS Hide Login 1.8.5
----------------------------------------------

 

 

このトピックは3年前 2回からtakuに変更されました

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

takuさん

すみませんが、ドコを確認すれば良いのか分からず、断念しました。

複数の箇所で起きているのかも知れませんが、サンプリングで構いませんので、実際に起きているページのURL、またそのページのドコなのかを画像などで教えていただくと、助かります。

ドコなのか分からず、探しまくる状態は、ちょっと難しいです。

ちなみに、複数のJavaScriptがエラーになっていますが、ちょっと良く分からないです。


   
わいひら reacted
返信引用
taku
 taku
(@taku)
Estimable Member Registered
結合: 5年前
投稿: 135
トピックスターター  

@mk2_mk2 さん

 

こちらにもご回答ありがとうございます!説明不足で申し訳ございません。

 

JavaScriptを縮小化にチェックを入れた時、

ほぼ全てのページで同じ箇所の画像が表示されなくなっているようです。

 

◎参考ページ

https://okinawameguri.com/naha-okinawasoba

 

具体的にPC表示では添付画像の部分(赤い囲みのところ)が表示されなくなります。

 

スマホ表示の場合に表示されない箇所はほぼ全て(画像表示されているところが確認できませんでした)で、

 

吹き出しの画像や記事内の画像、サイドバーのアイキャッチなどになります。

 

この投稿は3年前 3回ずつtakuに変更されました

   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8118
 

takuさん

今はJavaScriptの縮小化は無効ということですよね。

ただ、その状態でもエラーがとたくさん出ています。

 
上3つは良く分からず。。。
下5つはAdSense関連。
 
うーん、何でしょうねぇ。

   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8118
 

普通はこんな感じでは出てこないと思う間ですが。

何かScriptがおかしいです。


   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8118
 

雷が近くを直撃中。
(というか近所に落ちたような。。。)

wifiも何だか電波が。。。

PC落とします。


   
返信引用
taku
 taku
(@taku)
Estimable Member Registered
結合: 5年前
投稿: 135
トピックスターター  

@mk2_mk2 さん

 

すいません!今はJavaScriptの縮小化は画像が全く出なくなるので【有効】にしています。

 

エラーだらけですね。しかしこれを見ても私には全く理解できません...。

 

雷大丈夫ですか??なにもないことを祈ります。。

 


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8118
 

takuさん

縮小化が無効な状態でそうなってしまうというのが、また変な話ですね。

無効な方が、ノーマルな状態のはずで。

 

すみません。

雷は、雨も降らないのに、どっかんどっかんと上空でなっていて、wifiも何だか上手く繋がらないような状態でした。

今は急に雨も降ってきました。

近所に落ちたのは、避雷針にだと思いますから大丈夫なんですけど。

今はPCは落として、スマホからです。

雷が激しく雨も凄くて、50mくらい先の建物が見えないです。

部屋の中にいても、TVの音が聞こえないくらい雷の音が。

雷の音が途切れることないです、次から次へとどっかんどっかんと鳴ってます。

更に2回連続で、近所に落ちたみたいです。避雷針なんでしょうけど。

ここまでのは、初めてかも?


   
返信引用
taku
 taku
(@taku)
Estimable Member Registered
結合: 5年前
投稿: 135
トピックスターター  

@mk2_mk2 

 

>>縮小化が無効な状態でそうなってしまうというのが、また変な話ですね。

→現在は有効になっています!

 

大変な中ご返信ありがとうございます。急ぎではありませんので、もしなにかわかった時にでも教えていただけますと幸いです!

 

雷ヤバそうですね...。ほんと気をつけてくださいねー!

この投稿は3年前ずつtakuに変更されました

   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8118
 
投稿者:: @taku

→現在は有効になっています!

はい、そこは理解してます、有効で画像が表示されて、無効でされないってのは、変な話だということです。

無効がノーマルな形のはずですから。


   
返信引用
taku
 taku
(@taku)
Estimable Member Registered
結合: 5年前
投稿: 135
トピックスターター  

@mk2_mk2 

 

あ!そういうことですね!失礼致しました!確かにそうですね。無効にできないのは困ります...。


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8118
 

takuさん

そうてすね、困りました。

しかも、かなり難易度高そうです。

雷はまだ酷いです。こんなに凄いのは初めてです。

TVの音はまったく聞こえません?

こんな中でも、スマホは繋がるんだなぁと少し感動です。

予報ではまだまだ続きそうですので、私はしばらく離脱です、すみません。


   
taku reacted
返信引用
taku
 taku
(@taku)
Estimable Member Registered
結合: 5年前
投稿: 135
トピックスターター  

@mk2_mk2 

 

本当にいつでも結構です!いつもありがとうございます!


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8118
 

takuさん

まだスマホなのですが。

例のプラグインを、試すとどうなりますか?

WordPressのトラブルシューティングを劇的に楽にする「Health Check & Troubleshooting」プラグインの使い方。
https://nelog.jp/health-check-and-troubleshooting-plugin

ログインユーザーにしか影響は出ませんし、これを確認してみてください。


   
わいひら reacted
返信引用
taku
 taku
(@taku)
Estimable Member Registered
結合: 5年前
投稿: 135
トピックスターター  

@mk2_mk2 さん

 

「Health Check & Troubleshooting」プラグインを使用して、cocoonの親テーマだけを適応させた状態で見てみると「JavaScriptの縮小化」を無効にしていても全ての画像が表示されていることが確認できました。

 

スマホでもPCでも全ての画像が問題なく表示されている状況です。

この投稿は3年前 2回ずつtakuに変更されました

   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8118
 

takuさん

子テーマを有効にすると、どんな感じでしょう? 

 

親テーマの問題ではないということは、はっきりしたと思います

そして、子テーマのカスタマイズが原因だということだと思います。

 

【追記】

あれ…子テーマの件は。。。


   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8118
 

takuさん

画像が表示されなくなった直前にいれたカスタマイズがあれば、それが原因の可能性は高いとは思います。

ただ、別なものに干渉したという可能性も考えられるかもしれません。

 

またしばらく離脱します。

 

【追記】
子テーマの記載が削除されたようですから、他の原因かもですね。
1つ1つ確認していくしかないと思います。


   
わいひら reacted
返信引用
taku
 taku
(@taku)
Estimable Member Registered
結合: 5年前
投稿: 135
トピックスターター  

@mk2_mk2 

 

プラグインを全て無効にした状態で子テーマに切り替えても画像は表示されません。

 

このプラグインはcocoon設定を変更するとトラブルシューティングモードでもログインユーザー以外に影響が出るのですね。

 

この投稿は3年前ずつtakuに変更されました

   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8118
 

takuさん

投稿者:: @taku

cocoonの親テーマだけを適応させた状態で見てみると「JavaScriptの縮小化」を無効にしていても全ての画像が表示されていることが確認できました。

これで、親テーマの問題ではないことがはっきりしました。

そして、

投稿者:: @taku

プラグインを全て無効にした状態で子テーマに切り替えても画像は表示されません。

上記のことから、子テーマが原因ということかと。

子テーマは、素の状態では何も処理などないです。

ということは、子テーマにお書きになったカスタマイズが原因だと思われます。

事象から考えると、CSSの可能性は低いと思います。(ただ断言はできないです。)
JavaScirptかPHPかの、カスタマイズなのかな。。。と思います。

これは、ちょっと外部からは難しいと思います。
外部からJavaScriptは見えますが、PHPは見えません。

そして、通常のサイト運営に影響があるでしょうから、不具合のある状態を維持して、外部から確認することも難しいと思います。

 

投稿者:: @taku

このプラグインはcocoon設定を変更するとトラブルシューティングモードでもログインユーザー以外に影響が出るのですね。

なるほど。
そこまで試したことはありませんでした。

このプラグインは、WordPress公式のもので、プラグインやテーマの有効無効がログインユーザーにだけ影響がある形でできるものです。

ただ、流石にその設定までは切り替えられないという事かと思います。

Cocoonの設定は、データベースに保存されます。
そのレコードを、このプラグインは別に作り出したりは流石にできないんだと思います。
(つまり同じレコードに対して、更新や参照をする。それが自然だとは思いますし。)

 

本番サイトに影響が出ないように確認するには。。。

アクセスの少ない時間帯に行うか。
乃至は、テスト環境を構築して、今のサイトのデータをコピーして、確認することだと思います。

不具合のある状態を確認しないと、やはり分からないと思います。

 

また、テスト環境を構築した場合でも、外部からの確認は難しいのかなという印象はします。
(特にPHPであれば、外部からは確認のしようがないです。)


   
返信引用
taku
 taku
(@taku)
Estimable Member Registered
結合: 5年前
投稿: 135
トピックスターター  

@mk2_mk2 さん

わかりやすいご説明ありがとうございます。

外部からの確認は難しいとのこと、承知致しました。

mk2さんのおかげで、子テーマのJavaScirptかPHPのカスタマイズが原因である可能性が高いことがわかりましたので、自分で色々と試してみて原因を突き止めたいと思います!


   
返信引用
共有:

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

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

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

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

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

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

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

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