Отзывчивые эскизы WordPress

Question

Я легко могу сделать изображения внутри поста отзывчивыми, но у меня возникла проблема с тем, чтобы пользовательские превью постов делали то же самое, потому что WP автоматически вставляет ширину и высоту. Я ищу способ хотя бы переопределить эти значения ширины / высоты по умолчанию на них. У кого-нибудь есть решение для этого?

Заранее спасибо! - J

Answer 1

Это то, что вы хотите в своем CSS:

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

Первое объявление гарантирует, что все изображения не будут превышать ширину содержащего их элемента. Автоматическое объявление высоты гарантирует, что все изображения сохранят свои пропорции при уменьшении, даже если у них есть атрибуты размера в элементе img. Таким образом, это перезаписывает атрибуты размера.

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')

Answer 3

<img src="<?php $img=wp_get_attachment_image_src(
                get_post_thumbnail_id($post->ID),large); 
 echo $img[0]; ?>" alt="<?php the_title(); ?>"
                                    style="display:block; width:50%;"/>

Это должно сделать это.