wordpress - レスポンシブ WordPress サムネイル

Question

レスポンシブな投稿内で画像を簡単に作成できますが、カスタム投稿タイプのサムで同じ b/c WP が自動的に幅と高さを挿入するのに問題があります。これらのデフォルトの幅/高さを少なくともオーバーライドする方法を探しています。誰でもこれに対する解決策を持っていますか？

前もって感謝します！- j

Answer 1

This is what you want in your CSS:

img {
  max-width: 100%;
  height: auto;
}

The first declaration makes sure all images won't exceed the width of their containing element. The auto declaration for height ensures all images retain their proportions when scaled down even when they have size attributes in the img element. So in a way this overwrites the size attributes.

Answer 2

WP を使用wp_get_attachment_image_src()してサムネイルの URL を出力してから、独自の<img/>タグを作成してレスポンシブ化する必要があります。

<img src="<?php $img=wp_get_attachment_image_src(get_post_thumbnail_id($post->ID)); echo $img[0]; ?>" alt="<?php the_title(); ?>"/>

特定のサイズが必要な場合は、これを挿入します。wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'large')