Intereting Posts
Что такое 'term_group' для 'order_by' в get_terms ()? Отображение значка таксономии за пределами архивной страницы Есть ли фильтр, который я могу использовать для фильтрации тегов, прежде чем они будут вставлены в базу данных? Два разных запроса на странице архива Проблемы с табличной таблицей базы данных – отображается неверный результат Как запустить код до создания нового сайта на MultiSite для проверки Любой способ проверить целостность сайта WordPress? Доступ к метатесту после публикации WordPress – ваша тема имеет 1 область виджета, но эта конкретная страница не отображает ее Ссылка «Оставить комментарий», даже если вы не можете Объединение двух объектов WP_Query Автоматическая встраивание информации о ссылках с URL-адресов в формат почтового сообщения? Карусель в WordPress Пользователи перенаправляются на главную страницу вместо wp-admin wp-cli для создания шаблона страницы

Отзывчивое масштабирование изображения для 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, который выводится, имеет жесткость и жесткость в нем, поэтому я предполагаю, что это не масштабирование.

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

Это скорее проблема 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];?>"/>