ブログカードの画像のサイズがまちまちになってしまう
ブログカードの画像のサイズがまちまちになってしまう
- このトピックには7件の返信、3人の参加者があり、最後に
により5年、 6ヶ月前に更新されました。
-
投稿
-
Lightning Proを利用しています。
投稿から、URLを1行で書く方法でブログカードを作成しました。
内部リンクです。同じ方法で作成したブログカードなのに、表示のされ方が違うという現象が起きています。
片方は幅160pxになるのですが、もう片方は幅いっぱいに表示されてしまいます。原因と対処法をご存知の方いらっしゃいましたら、教えて頂けますと幸いです。
片方は幅160pxになるのですが
該当ページを見てみない限りなんともいえませんが・・・
幅160pxの親要素（もしくは親ブロック）の幅いっぱいということではないでしょうか？
記事の構文を見直してみてください。すみません。
こちらの2ページになります。
https://akiya-iwaki.com/bankzyouhou-2/原因となりえそうなものについては下記記事が詳しいです。
画像の大きさ等を統一したい場合は下記記事が参考になるかもしれません。
ありがとうございました。原因が分かりました。
対処法については、こちらではなくWordPressのフォーラムの内容だと判断しましたので、そちらで質問いたします。
解決しましたらこちらにも追記したいと思います。解決いたしました。ありがとうございました。
アイキャッチ画像の縦横比によって、表示のされ方が代わる仕様だったのが原因でした。
実際には、うまく縦横比が判別されておらず、同じ縦横比だったにもかかわらずまちまちに表示されていたようです。WordPress.orgのフォーラムにて教えて頂きました。
下記コードを、子テーマのfunction.phpに追記することで解決いたしました。function set_thumbnail_size() {
return ‘thumbnail’;
}
add_filter( ‘embed_thumbnail_image_size’, ‘set_thumbnail_size’ );function set_thumbnail_image_shape() {
return ‘square’;
}
add_filter( ‘embed_thumbnail_image_shape’, ‘set_thumbnail_image_shape’ );ありがとうございました。
ブログカードは今後のアップデートで改修予定ですので、もしご利用のサイトで表示に変更が発生したらLightning公式サイトのお知らせなどでアップデートがあったかどうか確認してください。
ブログカードといえば私は「Celtispack」を使っています。
https://celtislab.net/wp_plugin_celtispack/画像をOGP経由で取得しているので、WordPress以外のブログでもOGPが有効ならば記事画像を取得できるので重宝しています。
下記記事も参考になるかもしれません。
https://celtislab.net/archives/20170511/oembed_viewcode/
- このトピックに返信するにはログインが必要です。
