Отзывчивые миниатюры WordPress

Question

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

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

Answer 1

Вы должны использовать РГ 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 2

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

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

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

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%;"/> 

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