Intereting Posts
Сортировка сообщений по дате активности Как получить WP_Object, который находится внутри массива другого массива Получите идентификационный номер Taxonmy для текущего сообщения Что такое Oembed Links For? Лучший способ перенаправить несколько URL-адресов на новые Как я могу отобразить имя группы buddypress в header.php, чтобы оно показывалось при просмотре каждой отдельной группы? URL-адреса с двумя таксономиями отсутствуют в файле Sitemap Как я могу добавить js и css-файл моей настраиваемой темы динамически в header.php временная метка и нерегулярность запланированных сообщений WP_Editor – сохранение значения в опции плагина – снятие HTML-кода Общие рекомендации по обращению к страницам, ориентированным на контент Создать файл PO Добавить действие для создания нового сообщения после пожара wp_insert_post? Подумайте, что он создает бесконечную петлю Отправить форму после решения reCaptcha Почему не работает «background-image: url» с карусели Bootstrap на WP?

Отзывчивое масштабирование изображения для 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];?>"/>