サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL:
相談内容:
不具合の発生手順:
解決のために試したこと:
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え(FAQ)
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw)
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2025年1月31日 23:16
にほんブログ村と、人気ブログランキングは1月27日更新分からアイキャッチが反映されなくなりました。
Twitterも1月27日分からアイキャッチが表示されなくなったのですが、エックスサーバーのキャッシュを削除したりなどネットの情報をいろいろ試しているうちに、過去分含めてすべてのアイキャッチが表示されなくなりました。
画像圧縮のプラグインとかいろいろ触っているうちにおかしくなった感じで、一旦すべてのプラグインを止めたりしてみましたが元に戻らないので、お手上げとなりこちらにご相談いたします。
アイキャッチ画像は現在avif形式で、jpgに戻しても変わらず。
14 KB 640 x 425 ピクセルなどが多いのですが、サイズが小さすぎるなどありますでしょうか。
もうひとつCocoonで別のブログを運営していますが、そちらはアイキャッチのトラブルは起きておりません。
Twitterは、 https://x.com/rakusuru_careです。
お手数をおかけしますが、よろしくお願い致します。
----------------------------------------------
サイト名:ちょっと楽になる介護奮闘記
サイト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 | 詳細を表示
2025年1月31日 23:31
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に変更されました
2025年2月1日 00:04
Cocoonの「SNS画像」についての説明ページは以下です。
投稿に対してSNS拡散向けの画像を設定する方法
https://wp-cocoon.com/sns-image/
人気ブログランキングのヘルプには、特に記載がないようです。(今さっと見た感じでは)
取得元・対応形式など、分からないですね。
新着記事画像が表示されない
https://blog.with2.net/help/112
ブログ画像の詳細設定について
https://blog.with2.net/help/113
この投稿は2時間前 2回ずつmk2に変更されました
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。
(CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。