サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2025年11月5日 18:56
度々申し訳ありません。再度確認していて、疑問があり。
----------------------------------------------
テーマ名：Cocoon
バージョン：2.8.8
カテゴリー数：18
タグ数：123
ユーザー数：1
----------------------------------------------
●疑問点
以下のフックですが余り意味をなさないでは？
https://github.com/xserver-inc/cocoon/blob/21c48f06e0515af506e1f6819e8bd3d2b43dbdd3/lib/blogcard-out.php#L152-L153
https://github.com/xserver-inc/cocoon/blob/21c48f06e0515af506e1f6819e8bd3d2b43dbdd3/lib/blogcard-out.php#L156-L157
以下でサムネイル部のimgタグを作成しているが、リサイズ指定にが準じない。
●処理の流れ
fetch_card_image() → 画像をダウンロード＋任意でリサイズ
↓
get_original_image_tag($image, THUMB160WIDTH, THUMB160HEIGHT, ...)
↓
<img src="キャッシュ画像URL" width="160" height="90">
としている。
このため、fetch_card_image() 内でリサイズしても、get_original_image_tagで固定としており、意味がないのでは？
●再提案
単に元画像をダウンロードし、そのままキャッシュ保存するようにしては？
GDライブラリを使わないので、resize時の問題がない。
また、そのまま元画像を保存するので、MIME/TYPEの違いも影響しない。
//外部サイトからブログカードサムネイルを取得する
if ( !function_exists( 'fetch_card_image' ) ):
function fetch_card_image($image, $url = null){
// URLのクエリを除去（?以降を削除）
$image = preg_replace('/\?.*$/i', '', $image);
// ファイル名・拡張子をそのまま使用
$filename = basename($image);
$ext = strtolower(pathinfo($filename, PATHINFO_EXTENSION));
// キャッシュディレクトリを取得・存在しなければ作成
$dir = get_theme_blog_card_cache_path();
if ( !file_exists($dir) ) {
mkdir($dir, 0777);
}
// キャッシュ保存先パス
$new_file = trailingslashit($dir) . md5($image) . '.' . $ext;
// WordPress関数を用い一時ダウンロード
$tmp = download_url($image);
if ( is_wp_error($tmp) ) {
return;
}
// キャッシュにコピー
copy($tmp, $new_file);
@unlink($tmp);
// 公開URLに変換して返す
return str_replace(WP_CONTENT_DIR, content_url(), $new_file);
}
endif;
●補足
●Ver2.8.8リリース版
fetch_card_image()が機能していなかった。
og:imageを外部参照しそのまま表示していた。
●今までの経緯
GDライブラリを使用した場合、以下で述べたような問題もある。
https://wp-cocoon.com/community/postid/86959/
MIME/TYPEが異なる場合もある。
https://wp-cocoon.com/community/postid/87004/
2025年11月6日 00:29
ご連絡いただきありがとうございます。
これまで、外部リンクのog:imageの画像をそのまま表示していた経緯から言っても元画像のキャッシュをそのまま表示させてもいいのかなとは思います。
コードを参考にさせていただき、一旦GitHubの方に適応させていただきました。
ただ難点があるとすれば、画像サイズかなと思いますが、現在のサーバー容量では個人的に問題ないとは思います。
※これまでのこのフォーラムで結構こういうサイズを気にされている方がおられたので
まだ決定というわけではなく、もう少し検証させてください。
2025年11月8日 00:05
ありがとうございます。
ご提案のように、大きめのキャッシュが嫌な人向けに直リンクを選択できるフックを追加しました。
https://github.com/xserver-inc/cocoon/commit/3fa2de491e5a16c33f27f45cd5eaaafa3cfc29ac
※フック変更後でもすでにキャッシュ画像で作成されたstdClassキャッシュの$ogp->imageは直リンクにはならず、古いキャッシュはキャッシュの削除して、更新する必要があります。
トピックスターター 2025年11月8日 01:12
----------------------------------------------
テーマ名：Cocoon
バージョン：2.8.8
カテゴリー数：18
タグ数：123
ユーザー数：1
----------------------------------------------
通常、og:imageに指定された画像をキャッシュ保存、参照することを確認しました。
また以下のとき、従来通りog:imageのURLを直接参照することを確認しました。
add_filter('is_externa_blogcard_thumbnail_cache', '__return_false');
本件をクローズとします。
●余談
気になり再度チェックし、少し混乱しましたが（笑）
見直したら以下のフックが機能していないことに気付き。
Cocoonのマニュアルなどを調べても、この記載がなく。
external_blogcard_image_width external_blogcard_image_height
このため、本来どうあるべきか、原点に戻り。
また、GDライブラリのリサイズする際の注意点が色々とあることを知り、本件を提案させていただきました。
わいひら reacted
2025年11月9日 17:43
ご確認いただきありがとうございます。
色々な問題と昨今の環境状態から鑑みても、現在の仕様の方が最適になったかと思います。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。