- このトピックには4件の返信、2人の参加者があり、最後に
により6年、 4ヶ月前に更新されました。
-
投稿
-
該当ページ
https://case-shinjuku.com/system/amp通常表示
https://case-shinjuku.com/system/wp-oembed-blog-cardが表示するサムネイルの箇所が抜けているのがわかります。
これはwp-oembed-blog-cardが生成するコードにおいて画像の部分が背景画像として当てていることが問題かと思われます。インラインのタグが消されているんじゃないかなと思われます。該当箇所
vendor/inc2734/wp-oembed-blog-card/src/OEmbed_Blog_Card.phpbackground-image: url(<?php echo esc_url( $cache['thumbnail'] );試しに以下に取り替えると、問題なく表示されました。
<img src="<?php echo esc_url( $cache['thumbnail']); ?>改善についてご検討をお願いします！
いいねをした人: 居ませんCase Shinjuku のサイトは、Snow Monkey ではなくオリジナルで、ブログカードのパッケージだけ利用、そして、AMP については AMP プラグインで対応している、ということであっていますよね？
その場合ですと、パッケージ側での対処ではなく、AMP 用の scss ファイルでブログカードの scss を import し、それを AMP 用のフックで読み込ませる、という処理が必要になります。
（AMP は CSS の容量制限がきついため、強制的に読み込ませるのではなくそのようなフローにしています）下記参考にしてみてください。
いいねをした人: 居ませんあーなるほど！はやとちりして目が滑ってました、すみません>< うーん、となると img で出力するようにしたほうが良さそうですね…。 background-size: cover にするために背景画像にしているので、object-fit: cover を使って img にするのが良さそうかなと思いました。ちょっとためしてみます！
いいねをした人: 居ません
- トピック「APM対応時のwp-oembed-blog-cardにおけるサムネイル画像の不具合」には新しい返信をつけることはできません。