サイト内検索
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月16日 18:45
サイトのサイドバーにLINEお友達登録のバナーとQRコードを表示していたのですが、ある日から急に表示されなくなりました。空欄になっている様に見えます。
検証ツールで確認した所、バナーとQRコードのwidthが1になってしまっていました（そこを手動で入れてみたら、それらしいものは表示されました）。
外観→ヴィジェットのカスタムHTMLで設定しているのですが、何故最近まで表示されていたものの出力が変わってしまったのか、分からない状況です。
ページのURLは、 https://jac.tokyo/ です。
cocoonの不具合ではない気もするのですが、もし何か分かるようであれば助かります。
よろしくお願いいたします。
2023年12月16日 21:34
densanさん
フォーラム上部の案内にありますように、環境情報のご提示をお願いできますでしょうか。
書き込みの前に以下の3点をご確認ください。
フォーラムルール・マナーにご協力いただけますと幸いです。
widthが1になってしまっていました（そこを手動で入れてみたら、それらしいものは表示されました）。
仰るように、heightやwidthが1になっているようです。
ただ、おそらくJetpackなどのAutomattic系の何かのプラグインをご利用のようで、その介入を受けている可能性もあるようには思います。
（Jetpackのサイトアクセラレーター？）
それらの機能を無効化した状態で確認してみても良い気はします。
わいひら reacted
2023年12月17日 01:51
ソースを確認すると、以下のように、heightは1ではないですし、widthの指定もないようです。
<aside id="custom_html-2" class="widget_text widget widget-sidebar widget-sidebar-standard widget_custom_html">
<h3 class="widget-sidebar-title widget-title">LINE</h3>
<div class="textwidget custom-html-widget">
<center>
<a rel="noopener" target="_blank" href="https://lin.ee/HrmtgZ3">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="友だち追加" height="36" border="0" data-recalc-dims="1" data-src="https://i0.wp.com/scdn.line-apps.com/n/line_add_friends/btn/ja.png?fit=1306%2C36&ssl=1" decoding="async" class="lazyload">
<noscript>
<img src="https://i0.wp.com/scdn.line-apps.com/n/line_add_friends/btn/ja.png?fit=1306%2C36&ssl=1" alt="友だち追加" height="36" border="0" data-recalc-dims="1" data-eio="l">
</noscript>
</a>
</center>
<center>
<a rel="noopener" target="_blank" href="https://lin.ee/HrmtgZ3">
<img alt src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" height="150" border="0" data-recalc-dims="1" data-src="https://i0.wp.com/qr-official.line.me/sid/M/101hgrgz.png?fit=1306%2C150&ssl=1" decoding="async" class="lazyload">
<noscript>
<img alt src="https://i0.wp.com/qr-official.line.me/sid/M/101hgrgz.png?fit=1306%2C150&ssl=1" height="150" border="0" data-recalc-dims="1" data-eio="l">
</noscript>
</a>
</center>
</div>
</aside>
上記の時点で、JecpackなどのAutomattic系の何かのプラグインの介入があるように思います。
デベロッパーツールで確認すると、heightやwidthは1みたいです。
この間に、「data-eio="l"」は消えて、「class=" ls-is-cached lazyloaded"」が増えているようです。
プラグイン「EWWW Image Optimizer」遅延読み込み機能をご利用なのかもしれないです。
もしご利用でしたら、この機能の無効化をお勧めします。
本件とは無関係だとしても。
WordPress 5.5以降は標準で遅延読み込み(LazyLoad)に対応しており、プラグインの機能は必要としません。
（むしろ、競合するためか、不具合が起きることが多いです）
（むしろ、競合するためか、不具合が起きることが多いです）
もし、Jectpackのサイトアクセラレーターの遅延読み込み機能もご利用であれば、こちらとも競合している可能性があります。
環境情報のご提示がありませんので、どのようなプラグインをご利用かは分かりませんけれど。
プラグインの全無効化など、お試しいただいても良いと思います。
（全無効化で改善した場合、プラグインが原因と言えると思います）
（全無効化で改善した場合、プラグインが原因と言えると思います）
わいひら reacted
2023年12月17日 02:46
誤字が。
誤）Jecpack、Jectpackなどになっていますが
↓
正）Jetpack
ですね。
Topic starter
2023年12月20日 22:34
@mk2_mk2さん
申し訳ありませんでした。
環境情報の提示をしていませんでした。以後。気をつけます。
EWWW Image OptimizerやJetpackは確かに使っています。
で、EWWW Image Optimizeの遅延読み込みをOFFにしたところ、表示されました。
と言う事で、完了とさせて頂きます。色々とありがとうございました。
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。