サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2021年8月5日 05:43
こんにちは。WordPressが5.8にバージョンアップしてから、トップページのおすすめカード（サムネイル）が「モバイル環境」のみ表示されなくなってしまいました。これまでは何も問題はなかったのですが…
タイトルの白文字とグラデーションのみが表示されます。
iPhone上のSafari, Brave, Chromeなど同じ状況です。PCではきちんと表示されます。
URLはこちらです。
SSLなどは全て正常に働いております。解決のためのヒントなど、お伺いできますでしょうか？どうぞよろしくお願い致します。
2021年8月5日 06:43
MEGuさん
只今スマホからですので、調べたりは難しいのですが、2点ほど。
1点目です。
お手数ですが、お問い合わせの都度、環境情報のご提示をお願い致します。
2点目です。
もしかして、プラグイン「EWWW Image Optimizer」をご使用ではないでしょうか。
もし、そうであれば、プラグインの遅延読み機能をOFFにしてみてください。
以上、2点です。
調べてはおりませんので、間違っているかもしれません。
その際には、ご容赦ください。
わいひら reacted
2021年8月5日 08:12
前略、MEGuさん
おすすめカードの画像が表示されないこととの関係はわかりませんが、追加CSSに生成されるサムネイル画像のサイズを変更するPHPの記述をしていませんか？
そこは、CSSを記述する場所なので、PHPの記述は削除しておいた方が無難です。
わいひら reacted
Topic starter
2021年8月5日 08:30
ｍｋ２さん、ありがとうございます！
環境情報添付します。（なぜか投稿できません）
そうであれば、プラグインの遅延読み機能をOFFにしてみてください。
はい、該当プラグインを使用しておりましたのでOFFにしました。
しかし状況は変わらないようです。
リフィトリーさん、追加CSSには特に何もカスタム記述は行っていませんでした…
2021年8月5日 09:11
@megu さん
リフィトリーさん、追加CSSには特に何もカスタム記述は行っていませんでした…
ソースコードには、出力されているので、追加CSSじゃないかと思ったのですが・・
追加CSSを開くには、ダッシュボードの「外観」→「カスタマイズ」→「追加CSS」だったと思います。
もし、PHPの記述がそこにあったら、削除して、すぐ上にある「公開」ボタンで変更を確定してみてください。
以下のようなものです。
スポイラー
PHPの記述
//インデックスエントリーカードサムネイルサイズ
add_image_size('index_thumb', 320, 168, true);
add_filter('get_entry_card_thumbnail_size', function (){
return 'index_thumb';
});
//新着・人気・関連記事ウィジェットサムネイルサイズ
add_image_size('widget_thumb', 120, 63, true);
add_filter('get_widget_entries_thumbnail_size', function (){
return 'widget_thumb';
});
//関連記事カードサムネイルサイズ
add_image_size('related_thumb', 320, 168, true);
add_filter('get_related_entry_card_thumbnail_size', function (){
return 'related_thumb';
});
//内部ブログカードサムネイルサイズ
add_image_size('internal_blogcard_thumb', 160, 84, true);
add_filter('get_internal_blogcard_thumbnail_size', function (){
return 'internal_blogcard_thumb';
});
//カルーセルカードサムネイルサイズ
add_image_size('carousel_thumb', 320, 168, true);
add_filter('get_carousel_entry_card_thumbnail_size', function (){
return 'carousel_thumb';
});
//新着・人気・関連・ページ送りナビサムネイルサイズ
add_image_size('w120_thumb', 120, 63, true);
add_filter('get_post_navi_thumbnail_size', 'w120_thumb_set');
add_filter('get_new_entries_thumbnail_size', 'w120_thumb_set');
add_filter('get_popular_entries_thumbnail_size', 'w120_thumb_set');
add_filter('get_related_entries_thumbnail_size', 'w120_thumb_set');
function w120_thumb_set(){
return 'w120_thumb';
}
This post was modified 3年前 by リフィトリー
Topic starter
2021年8月5日 09:21
@leafytree リフィトリーさん
ご指摘の箇所、ごっそりPHPコードが出力されておりました…！
私のほうでは一切これらを入力した覚えはないのですが、とりあえず削除してUpdateしたところ問題なく表示されるようになりました。どうもありがとうございます。
しかしなぜPHPコードが入ってしまったのか謎です。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。