Cocoonフォーラム

2018.02.102023.01.25

書き込みの前に以下の3点をご確認ください。

1つのトピックにつき1つの質問を書き込んでください
不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください
該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL：

相談内容：

不具合の発生手順：

解決のために試したこと：

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

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

共有:

通知

すべてクリア

[解決済] コクーン外部ブログカードのサムネイル画像が表示されない

Cocoonテーマに関する質問

最新の投稿 : yoshitaka 3年前

8 投稿

2 ユーザー

3 Reactions

3,220 表示

RSS

yoshitaka

(@yoshitaka)

Eminent Member Registered

結合: 3年前

投稿: 15

Topic starter 2021年12月25日 11:50

ある日ブログをチェックしていたら、外部ブログカードのサムネイルが表示されていない事に気付いたんです。

不具合ページのURL⇒

https://www.net.y-taka.biz/4588/

添付画像名　ブログカードにサムネイル画像表示されない１

試した事

①　すべてのプラグインを無効化

結果は、それでも外部ブログカードのサムネイル画像は表示されない。

なのでプラグインではないと思います。

②　スキンを変更しても外部ブログカードのサムネイル画像は表示されない。

③　コクーンテーマを親テーマに変更

そうしたら外部ブログカードのサムネイル画像は表示される

添付画像名　テーマを親コクーンに変更画像

その時のコクーン設定のブログカードタグ内の外部ブログカード設定欄にあるプレビューでは

添付画像名　親テーマ時の外部ブログカードプレビュー画面の画像

これで子テーマに原因があるのかと普通に思うんですが、子テーマではブログカードのカスタマイズは一切していないんです。

コクーンテーマをチャイルドに戻して、コクーン設定のブログカードタグ内の外部ブログカード設定欄にあるプレビューを見たら

添付画像名　子テーマ時の外部ブログカードプレビュー画面の画像

プレビュー画面にエラーメッセージが出てた。

Warning: DOMDocument::loadHTML(): Empty string supplied as input in /home/y-taka/www/wwwnet/wp-content/themes/cocoon-master/lib/open-graph.php on line 120

を検索してもチンプンカンプン！

内部ブログカードのサムネイル画像は普通に表示されます。

添付画像名　子テーマ時の内部ブログカードプレビュー画面の画像

コクーン設定の画像に関しては変更しておらず、アイキャッチの表示は本文上にアイキャッチを表示にチェックを入れてます。

サムネイル画像では、デフォルトの9:16, 1:1.777..（ワイド）のまま

NO IMAGE設定では画像を設定しています。

④　コクーン設定のブログカードタブ内の「キャッシュ更新モードを有効にする」にチェックを入れたり、外したりしても変わらなかった。

⑤　コクーン設定のキャッシュ削除内の「ブログカードキャッシュの削除」を実行およびリロードしても、変わらなかった

⑥　グーグルクローム内の閲覧履歴・キャッシュの削除および別のブラウザであるマイクロソフト　エイジで観ても外部ブログカードのサムネイル画像は表示されませんでした。

どうかよろしくお願いします。

環境情報

サイト名：YoshitakaS　Info
サイトURL： https://www.net.y-taka.biz
ホームURL： https://www.net.y-taka.biz
コンテンツ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-dark-ruri/style.css
WordPressバージョン：5.8.2
PHPバージョン：7.4.25
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.110 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
エンコーディング：br, gzip, deflate
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：2.3.8
カテゴリ数：19
タグ数：521
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：0.0.5
style.cssサイズ：4847バイト
functions.phpサイズ：174バイト
----------------------------------------------
Gutenberg：1
AMP：1
PWA：1
Font Awesome：5
Auto Post Thumbnail：0
Retina：0
ホームイメージ：/wp-content/uploads/2018/12/アイコン３－１.png
----------------------------------------------
ブラウザキャッシュ有効化：1
HTML縮小化：1
CSS縮小化：1
JavaScript縮小化：1
Lazy Load：1
WEBフォントLazy Load：1
----------------------------------------------
利用中のプラグイン：
Advanced Editor Tools (previously TinyMCE Advanced) 5.6.0
Akismet Anti-Spam 4.2.1
BackWPup 3.10.0
Contact Form 7 5.5.3
EWWW Image Optimizer 6.3.0
Flamingo 2.2.3
Google XML Sitemaps 4.1.1
PS Auto Sitemap 1.1.9
SAKURA RS WP SSL 1.4.0
Site Kit by Google 1.48.1
WP Multibyte Patch 2.9
----------------------------------------------