Responsify WP - это плагин WordPress, который заботится об адаптивных изображениях. Возможности Используйте img с атрибутами srcset / sizes. … Или элемент изображения. Работает с Picturefill или без него. Поддерживает изображения с высоким разрешением (сетчатка). Пользовательские медиа-запросы. Выберите размер изображения для использования. Адаптивные фоновые изображения. Demo Responsify WP находит избранные изображения и все изображения внутри контента и делает их адаптивными. Например, у вас может быть шаблон, который выглядит следующим образом:

Это будет выводить что-то вроде это:

Привет, мир

Lorem ipsum dolor sit amet ...

Но после активации плагина он будет выглядеть так:

Hello world

Lorem ipsum dolor sit amet ...

Вы также можете выбрать используйте вместо этого элемент изображения:

Hello world

Lorem ipsum dolor sit amet ...

Он также работает с изображениями высокого разрешения (сетчатка):

Hello world

Lorem ipsum dolor sit amet ...

Различные версии изображения в приведенные выше примеры представлены в стандартном миниатюрном, среднем, большом и полном размере. Медиа-запросы основаны на ширине «предыдущего» изображения. Также будут найдены и использованы любые нестандартные размеры изображения. Настройки Вы можете выбрать, какие размеры изображений должен использовать плагин, на странице настроек RWP. Эти настройки можно перезаписать из ваших шаблонов. 'портфолио', 'rwp_settings' => array ('sizes' => array ('large', 'full'))))) ; foreach ($ posts as $ post) {// ...} // Использование WP_Query () $ query = new WP_Query (array ('category_name' => 'wordpress', 'rwp_settings' => array ('sizes' => array ('большой', 'полный')))); if ($ query-> have_posts ()) {// ...}?> Доступные настройки: выберите, какие размеры изображения использовать. Установить / переопределить атрибуты. Установите пользовательские медиа-запросы. Включение / выключение сетчатки. Игнорируйте форматы изображений. Функции RWP предоставляет ряд функций, которые могут создавать адаптивные изображения в ваших шаблонах. Допустим, у вас есть следующая разметка для очень большого изображения заголовка:

Как вы, наверное, знаете, the_post_thumbnail () в этом случае создаст обычный тег с полноразмерным изображением. Но вы не хотите отправлять на мобильное устройство большое изображение размером 1440 пикселей. Это легко решить следующим образом:

ID); // Создание тега с атрибутами srcset / sizes. echo rwp_img ($ thumbnail_id); // Создание элемента echo rwp_picture ($ thumbnail_id); ?>

Веб-сайт http://responsifywp.com. Демо http://responsifywp.com/demo. Документация и примеры https://github.com/stefanledin/responsify-wp. Требования PHP 5.3

Автор: Stefan Ledin

Версия: 1.9.11

Последнее обновление: 2018-06-07 6:21am GMT