サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL:
相談内容:
不具合の発生手順:
解決のために試したこと:
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え(FAQ)
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw)
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2021年7月11日 12:46
お世話になります。
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に変更されました
2021年7月11日 15:05
takuさん
すみませんが、ドコを確認すれば良いのか分からず、断念しました。
複数の箇所で起きているのかも知れませんが、サンプリングで構いませんので、実際に起きているページのURL、またそのページのドコなのかを画像などで教えていただくと、助かります。
ドコなのか分からず、探しまくる状態は、ちょっと難しいです。
ちなみに、複数のJavaScriptがエラーになっていますが、ちょっと良く分からないです。
わいひら reacted
トピックスターター 2021年7月11日 15:17
@mk2_mk2 さん
こちらにもご回答ありがとうございます!説明不足で申し訳ございません。
JavaScriptを縮小化にチェックを入れた時、
ほぼ全てのページで同じ箇所の画像が表示されなくなっているようです。
◎参考ページ
https://okinawameguri.com/naha-okinawasoba
具体的にPC表示では添付画像の部分(赤い囲みのところ)が表示されなくなります。
スマホ表示の場合に表示されない箇所はほぼ全て(画像表示されているところが確認できませんでした)で、
吹き出しの画像や記事内の画像、サイドバーのアイキャッチなどになります。
この投稿は3年前 3回ずつtakuに変更されました
2021年7月11日 16:04
雷が近くを直撃中。
(というか近所に落ちたような。。。)
wifiも何だか電波が。。。
PC落とします。
トピックスターター 2021年7月11日 16:11
@mk2_mk2 さん
すいません!今はJavaScriptの縮小化は画像が全く出なくなるので【有効】にしています。
エラーだらけですね。しかしこれを見ても私には全く理解できません...。
雷大丈夫ですか??なにもないことを祈ります。。
2021年7月11日 16:18
takuさん
縮小化が無効な状態でそうなってしまうというのが、また変な話ですね。
無効な方が、ノーマルな状態のはずで。
すみません。
雷は、雨も降らないのに、どっかんどっかんと上空でなっていて、wifiも何だか上手く繋がらないような状態でした。
今は急に雨も降ってきました。
近所に落ちたのは、避雷針にだと思いますから大丈夫なんですけど。
今はPCは落として、スマホからです。
雷が激しく雨も凄くて、50mくらい先の建物が見えないです。
部屋の中にいても、TVの音が聞こえないくらい雷の音が。
雷の音が途切れることないです、次から次へとどっかんどっかんと鳴ってます。
更に2回連続で、近所に落ちたみたいです。避雷針なんでしょうけど。
ここまでのは、初めてかも?
2021年7月11日 16:27
→現在は有効になっています!
はい、そこは理解してます、有効で画像が表示されて、無効でされないってのは、変な話だということです。
無効がノーマルな形のはずですから。
2021年7月11日 16:40
takuさん
そうてすね、困りました。
しかも、かなり難易度高そうです。
雷はまだ酷いです。こんなに凄いのは初めてです。
TVの音はまったく聞こえません?
こんな中でも、スマホは繋がるんだなぁと少し感動です。
予報ではまだまだ続きそうですので、私はしばらく離脱です、すみません。
taku reacted
2021年7月11日 17:21
takuさん
まだスマホなのですが。
例のプラグインを、試すとどうなりますか?
WordPressのトラブルシューティングを劇的に楽にする「Health Check & Troubleshooting」プラグインの使い方。
https://nelog.jp/health-check-and-troubleshooting-plugin
ログインユーザーにしか影響は出ませんし、これを確認してみてください。
わいひら reacted
2021年7月11日 18:55
takuさん
子テーマを有効にすると、どんな感じでしょう?
親テーマの問題ではないということは、はっきりしたと思います
そして、子テーマのカスタマイズが原因だということだと思います。
【追記】
あれ…子テーマの件は。。。
わいひら reacted
2021年7月11日 19:05
takuさん
画像が表示されなくなった直前にいれたカスタマイズがあれば、それが原因の可能性は高いとは思います。
ただ、別なものに干渉したという可能性も考えられるかもしれません。
またしばらく離脱します。
【追記】
子テーマの記載が削除されたようですから、他の原因かもですね。
1つ1つ確認していくしかないと思います。
わいひら reacted
2021年7月11日 20:09
takuさん
cocoonの親テーマだけを適応させた状態で見てみると「JavaScriptの縮小化」を無効にしていても全ての画像が表示されていることが確認できました。
これで、親テーマの問題ではないことがはっきりしました。
そして、
プラグインを全て無効にした状態で子テーマに切り替えても画像は表示されません。
上記のことから、子テーマが原因ということかと。
子テーマは、素の状態では何も処理などないです。
ということは、子テーマにお書きになったカスタマイズが原因だと思われます。
事象から考えると、CSSの可能性は低いと思います。(ただ断言はできないです。)
JavaScirptかPHPかの、カスタマイズなのかな。。。と思います。
これは、ちょっと外部からは難しいと思います。
外部からJavaScriptは見えますが、PHPは見えません。
そして、通常のサイト運営に影響があるでしょうから、不具合のある状態を維持して、外部から確認することも難しいと思います。
このプラグインはcocoon設定を変更するとトラブルシューティングモードでもログインユーザー以外に影響が出るのですね。
なるほど。
そこまで試したことはありませんでした。
このプラグインは、WordPress公式のもので、プラグインやテーマの有効無効がログインユーザーにだけ影響がある形でできるものです。
ただ、流石にその設定までは切り替えられないという事かと思います。
Cocoonの設定は、データベースに保存されます。
そのレコードを、このプラグインは別に作り出したりは流石にできないんだと思います。
(つまり同じレコードに対して、更新や参照をする。それが自然だとは思いますし。)
本番サイトに影響が出ないように確認するには。。。
アクセスの少ない時間帯に行うか。
乃至は、テスト環境を構築して、今のサイトのデータをコピーして、確認することだと思います。
不具合のある状態を確認しないと、やはり分からないと思います。
また、テスト環境を構築した場合でも、外部からの確認は難しいのかなという印象はします。
(特にPHPであれば、外部からは確認のしようがないです。)
トピックスターター 2021年7月11日 21:10
@mk2_mk2 さん
わかりやすいご説明ありがとうございます。
外部からの確認は難しいとのこと、承知致しました。
mk2さんのおかげで、子テーマのJavaScirptかPHPのカスタマイズが原因である可能性が高いことがわかりましたので、自分で色々と試してみて原因を突き止めたいと思います!
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。
(CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。