サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2020年6月29日 02:39
夜分にすいません。CocoonでElementorを使用しています。
【起こっている現象】
Elementorで「プレビューを読み込めませんでした」が表示されるようになり、セーフティモードで編集は出来るものの、画像の４編をラインで囲む『マーカー』という機能や『区切り線』と呼ばれる横長の線が、編集画面では表示されているのに、実際にサイトに表示されるのは『マーカー』や『区切り線』の実装が外れた状態で表示されます。
【やりたいこと】
【起こっている現象】を修正したい。
※問題が起こっているサイトがこちら→tamayoga2019.com
【上記の現象が起こる前にやったこと・原因として考えられること】
・画像圧縮のプラグイン「Compress JPEG & PNG images」で圧縮
・JetPackの有効化
・高速化の項目を全てチェックつけた（Cocoonについてる機能）
【試してみたこと】
①
参考記事： https://shiroinublog.com/elementor/
②全部のプラグイン削除→再インストール
③ブラウザの再インストール
④テーマも一旦外す
⑤ ①〜④を行ってみたうえでElementorの編集ページで修正してみましたが、『マーカー』、『区切り線』表示されないままとなって困っています。
どなたか、お時間があるときにでもよろしくおねがいします。
2020年6月29日 10:49
https://ja.wordpress.org/plugins/elementor/
Elementorというのはこちらのプラグインでしょうか。
Jetpackと高速化を無効にした状態では、正常に動作しますか？
少し前からJetpackとCSSの縮小化を有効化している状態で、表示が崩れる不具合があります。
Elementor関係の不具合報告はなかったと思いますが、Jetpackが原因の可能性があるかもしれません。
参考
わいひら reacted
Topic starter
2020年6月29日 13:04
さる子さん、ご連絡いただきありがとうございます。
またアドバイス頂いたところを試してみて、再度連絡させて頂きます。
御迷惑をおかけしますが、また教えてください。よろしくお願いします。
Topic starter
2020年6月29日 19:27
さる子さん(^o^)解決しました！
ありがとうございます！
Jetpackと高速化を無効にするを試してみました。
【試した時の状況】
◯テーマ：Cocoon
◯プラグイン：Elementor、JetPack（有効化）
・JetPackのみ無効：崩れたまま
・Jetpackと高速化を無効：もとに戻った
以上のことから高速化とElementorが干渉していると考え
高速化の項目を一つずつチェックすると以下の結果にたどり着きました。
上から
①ブラウザキャッシュの有効化のみ：問題なし
② ①＋HTMLを縮小化：問題なし
③ ②＋CSSを縮小化する：問題あり（Elementorの機能が一部実装されていない）
④ ②＋JavaScriptを縮小化する：問題なし
⑤ ④＋Lazy Loadを有効にする：問題なし
⑥ ⑤＋アイコンフォントの非同期読み込みを有効にする：問題なし
⑦ ⑥＋JavaScriptをフッターで読み込む：問題なし
これから考えると【高速化】の【CSSを縮小化する】を有効化するとElementor（プラグイン）に干渉しているという結論になりました。この場合【CSSをの縮小化】を有効化にしても問題ない状態にすることは可能なのでしょうか？
さる子 reacted
2020年6月29日 19:49
以前Jetpackで不具合が出たのちは、CSSのカッコの閉じ忘れが原因でした。
今回のElementorプラグインでも、もしかしたらそういった記述漏れがあるのかもしれません。
これから考えると【高速化】の【CSSを縮小化する】を有効化するとElementor（プラグイン）に干渉しているという結論になりました。この場合【CSSをの縮小化】を有効化にしても問題ない状態にすることは可能なのでしょうか？
不具合箇所を特定すれば可能といえば可能です。
ただ、そこまで手間をかけるんだったら、CSS縮小化を無効にするのでも良いのではないかと思います。
さる子 reacted
2020年6月29日 19:51
「JavaScriptの縮小化」と同様に「CSSの縮小化」も同様に書いて試してはおられないのでしょうか。
今回の不具合が、プラグインのCSSファイルにある場合は、これで対応できるかもしれません。
ただし、プラグインのCSSがHTMLに直接埋め込まれる形のところに不具合がある場合は、これで対応できないかもしれません。
さる子 reacted
Topic starter
2020年6月29日 20:24
わいひらさん、ありがとうございます。
「JavaScriptの縮小化」と同様に「CSSの縮小化」も同様に書いて試してはおられないのでしょうか。
試していないので、試してみたいと思います。
わいひらさん、さる子さん、ほんとにありがとうございました。
2020年6月30日 20:13
フォーラムの案内にもありますように、できれば試した後の結果を書いていただけると助かります。
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。