Intereting Posts
$ wpdb-> обновление завершило сохранение триггера? Переписывание URL с дочерними страницами Как добавить Javascript в заголовок всех почтовых страниц и только почтовые страницы WP Query имеет липкие сообщения сперва, с разбивкой на страницы и с совместным сообщением на странице с основным контуром Нужна помощь с else if statement Пользователи управления, перечисленные в списке пользователей на панели управления Несколько экземпляров wp_editor в пользовательском типе сообщений с использованием Ajax Переупорядочение содержимого с использованием метазначения Вращающееся изображение не работает для пользовательских размеров изображений Ошибка «Обновление сети»: застрял с проверкой сертификата SSL как импортировать старую таблицу wp_users в новый сайт WordPress? Редактировать сообщение через ajax, не выходя из родительского сообщения Проблема с несколькими циклами в теме wordpress В контексте нажмите и отредактируйте: возможно ли это? форма выбора выбора всегда удаляет запрос sql

Отзывчивое масштабирование изображения для the_post_thumbnail ()

В моем файле functions.php у меня есть:

add_theme_support( 'post-thumbnails' ); add_image_size( 'kev-feature', 650, 342, true ); 

В файле шаблона у меня есть:

 <div class="article-feature-image"><?php the_post_thumbnail('kev-feature'); ?></div> 

У меня отзывчивый дизайн, и я хочу, чтобы изображение, которое должно было превышать 650×342, уменьшалось при уменьшении браузера. В настоящее время он этого не делает. Я заметил, что вывод img html, который выводится, имеет жесткость и жесткость в нем, поэтому я предполагаю, что это не масштабирование.

Что я здесь делаю неправильно?

Solutions Collecting From Web of "Отзывчивое масштабирование изображения для the_post_thumbnail ()"

Это скорее проблема css, чем проблема с wordpress. Размеры, указанные в теге html img, имеют спецификацию 0, поэтому любые правила css будут переопределять их. это должно работать:

 .article-feature-image img { width:100%; max-width:650px; height:auto; } 

Для справки вы можете использовать функцию wp_get_attachment_image_src для получения атрибута url для отображаемого изображения и вручную создать свой img-тег без атрибутов height и width:

 <?php $img_url = wp_get_attachment_image_src(get_post_thumbnail_id(),'kev-feature'); ?> <img src="<?php echo $img_url[0];?>"/>