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

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

外部リンク先のアイキャッチが突然表示さ...
 
共有:
通知
すべてクリア

外部リンク先のアイキャッチが突然表示されなくなってしまいました。

4 投稿
2 ユーザー
0 Reactions
12 表示
(@miamia)
New Member Registered
結合: 1日前
投稿: 1
トピックスターター  

にほんブログ村と、人気ブログランキングは1月27日更新分からアイキャッチが反映されなくなりました。

Twitterも1月27日分からアイキャッチが表示されなくなったのですが、エックスサーバーのキャッシュを削除したりなどネットの情報をいろいろ試しているうちに、過去分含めてすべてのアイキャッチが表示されなくなりました。

画像圧縮のプラグインとかいろいろ触っているうちにおかしくなった感じで、一旦すべてのプラグインを止めたりしてみましたが元に戻らないので、お手上げとなりこちらにご相談いたします。

アイキャッチ画像は現在avif形式で、jpgに戻しても変わらず。

14 KB 640 x 425 ピクセルなどが多いのですが、サイズが小さすぎるなどありますでしょうか。

もうひとつCocoonで別のブログを運営していますが、そちらはアイキャッチのトラブルは起きておりません。
 
お手数をおかけしますが、よろしくお願い致します。

----------------------------------------------
サイト名:ちょっと楽になる介護奮闘記
サイトURL: https://rakusuru-care.com
ホームURL: https://rakusuru-care.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-tegakinote-white-banana/style.css
WordPressバージョン:6.7.1
PHPバージョン:8.2.22
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:2.8.3.3
カテゴリー数:2
タグ数:1
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.3
style.cssサイズ:844 バイト
functions.phpサイズ:203 バイト
----------------------------------------------
Gutenberg:1
Font Awesome:4
Auto Post Thumbnail:1
Retina:0
ホームイメージ:/wp-content/uploads/2025/01/1200-X-630-1-png.avif
----------------------------------------------
ブラウザキャッシュ有効化:0
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
----------------------------------------------
利用中のプラグイン:
Akismet Anti-spam: Spam Protection 5.3.5
BackWPup 4.1.7
Broken Link Checker 2.4.2
Category Order and Taxonomy Terms Order 1.8.7
Contact Form 7 6.0.3
Optimization Detective 1.0.0-beta1
Site Kit by Google 1.145.0
WP Multibyte Patch 2.9
XO Security 3.10.4
Yoast Duplicate Post 4.5
----------------------------------------------

 

下記はインストールしていますが、現在は無効にしています。

 

Edit Author Slug バージョン 1.9.1 | 作者: Brandon Allen | 詳細を表示

Embed Optimizer バージョン 0.4.1 | 作者: WordPress Performance Team | 詳細を表示

Enhanced Responsive Images バージョン 1.4.0 | 作者: WordPress Performance Team | 詳細を表示

EWWW Image Optimizer バージョン 8.0.0 | 作者: Exactly WWW | 詳細を表示

Force Regenerate Thumbnails バージョン 2.2.1 | 作者: Exactly WWW | 詳細を表示

Health Check & Troubleshooting バージョン 1.7.1 | 作者: WordPress.org コミュニティ | 詳細を表示

Image Placeholders バージョン 1.2.0 | 作者: WordPress Performance Team | 詳細を表示

Image Prioritizer バージョン 0.3.1 | 作者: WordPress Performance Team | 詳細を表示

Limit Login Attempts Reloaded バージョン 2.26.16 | 作者: Limit Login Attempts Reloaded | 詳細を表示

LiteSpeed Cache バージョン 6.5.4 | 作者: LiteSpeed Technologies | 詳細を表示

Modern Image Formats バージョン 2.5.0 | 作者: WordPress Performance Team | 詳細を表示

Page Builder by SiteOrigin バージョン 2.31.3 | 作者: SiteOrigin | 詳細を表示

Performance Lab バージョン 3.8.0 | 作者: WordPress Performance Team | 詳細を表示

Performant Translations バージョン 1.2.0 | 作者: WordPress パフォーマンスチーム | 詳細を表示

Quick Featured Images バージョン 13.7.2 | 作者: Kybernetik Services | 詳細を表示

SiteGuard WP Plugin バージョン 1.7.8 | 作者: ジェイピー・セキュア | 詳細を表示

Smash Balloon Instagram Feed バージョン 6.6.1 | 作者: Smash Balloon | 詳細を表示

Speculative Loading バージョン 1.4.0 | 作者: WordPress Performance Team | 詳細を表示

TypeSquare Webfonts for エックスサーバー バージョン 2.0.8 | 作者: XSERVER Inc. | 詳細を表示

W3 Total Cache バージョン 2.8.4 | 作者: ボールドグリッド | 詳細を表示

Web Worker Offloading バージョン 0.2.0 | 作者: WordPress Performance Team | 詳細を表示

WebSub (FKA. PubSubHubbub) バージョン 3.2.1 | 作者: PubSubHubbub Team | 詳細を表示

Wordfence Security バージョン 8.0.3 | 作者: Wordfence | 詳細を表示

WP Content Copy Protection & No Right Click (WP 記事コピー保護 & 右クリック禁止) バージョン 3.6.2 | 作者: wp-buy (会社名) | 詳細を表示

WP Fastest Cache バージョン 1.3.3 | 作者: Emre Vona | 詳細を表示

XML Sitemap Generator for Google バージョン 4.1.21 | 作者: Auctollo | 詳細を表示


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

miamiaさん

投稿者:: @miamia

アイキャッチ画像は現在avif形式で、jpgに戻しても変わらず。

おそらく、Cocoonの問題ではないと思います。

以下の記事を拝見すると、avif画像が、TwitterカードやOGPに設定されていました。

誰でも簡単!テプラでちょっと楽する認知症介護
https://rakusuru-care.com/labeling/
 


 
ちょっと人気記事ランキングは分からないですが。
(確認していません)

jpgにした後、以下をしましたでしょうか。
投稿側を変更しただけでは反映されないと思います。
(ブログ村は、時間が経てば再取得してくれる場合もあるみたいですが)

  • X(Twitter)はキャッシュの削除
  • ブログ村については記事の再取得
    (もしかすると、一旦ブログ村側から削除が必要の可能性もあるかと)

 
また、データの取得元は、アイキャッチではありません。
X(Twitter)はTwitterカード、ブログ村はOGPです。

WordPress(Cocoon)の投稿編集画面で、SNS画像に設定がない場合に、それらはアイキャッチが設定されると思いますけれど。
 


 
X(Twitter)は、Post時は以下に記載のある通り、GIF、JPEG、PNG形式に対応しています。
今回は、画像を直接Post(Tweet)する訳ではないですが、おそらく同じです。
(以前、Twitterカードにwebp画像を設定した際、ダメだった記憶があります)
 
画像やGIF画像付きでツイートする方法
https://help.x.com/ja/using-x/posting-gifs-and-pictures

追加できる画像のサイズとファイルの種類は?
 

  • 画像は5MBまで、GIF画像はモバイル端末なら5MBまで、twitter.comなら15MBまで追加できます。
  • GIF、JPEG、PNG形式の画像ファイルを追加できます。
  • BMP、TIFFなどの形式の画像ファイルは追加できません。
  • 画像のサイズは、展開したツイートやフォトギャラリーでの表示に合わせて自動的に調整されます。

 

キャッシュの更新は以下の「My Card information now refreshes, but images are not updating. How do I get the images to refresh?」に書いてある方法です。

https://developer.x.com/en/docs/x-for-websites/cards/guides/troubleshooting-cards#refreshing

 

また、ブログ村も、対応画像はjpeg、gif、png形式です。

にほんブログ村サポート
記事画像が取得されないのですが?
https://blogmura-help.muragon.com/entry/156.html

なお、OGPに設定されている場合でも、下記のいずれかに該当する場合は記事画像は取得されません。

  • ご利用しているブログサイトに登録されたオリジナル画像ではない場合
  • 外部サービスを利用した画像の場合
  • プロフィール画像やサイトのロゴ画像など記事の画像ではない場合
  • bmp、webp等の画像 (対応画像はjpeg、gif、png形式となります。)

 

アイキャッチに、各サービス側が非対応のavif等の形式を設定する場合は、
投稿側の「SNS画像」にjpg等の対応画像を設定する必要があると思います。

既に投稿済のものについては、各サービス側でキャッシュの更新や再取得が必要かと思います。
(先に書いた通り)

この投稿は2時間前 17回ずつmk2に変更されました

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

Cocoonの「SNS画像」についての説明ページは以下です。

投稿に対してSNS拡散向けの画像を設定する方法
https://wp-cocoon.com/sns-image/

 

人気ブログランキングのヘルプには、特に記載がないようです。(今さっと見た感じでは)
取得元・対応形式など、分からないですね。

新着記事画像が表示されない
https://blog.with2.net/help/112

ブログ画像の詳細設定について
https://blog.with2.net/help/113

この投稿は2時間前 2回ずつmk2に変更されました

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

ご参考までに。

私の環境は、X(Twitter)への共有は問題なくできておりますので、確認してみました。

ただ、私の環境は、残念ながらavifには対応していません。
(サーバーが)

 
そのため、非対応画像はwebpで確認しました。
 

まずは、jpeg。

 
問題なくPostできます。
 
 
続いては、webp。
 
X(Twitter)が非対応ですので、以下のような感じに。
この投稿は9分前ずつmk2に変更されました
この投稿は8分前 3回ずつmk2に変更されました
この投稿は7分前 2回ずつmk2に変更されました
この投稿は5分前ずつmk2に変更されました

   
返信引用
共有:

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

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

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

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

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

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

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

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