Intereting Posts
Безопасность – использование Ajax и Nonce Доступ к контенту со стороны третьих лиц в качестве собственных сообщений в WordPress Как я могу инициализировать виджетную боковую панель (с виджетами) Открытие страницы плагина без создания страницы wordpress для короткого кода Потоки комментариев JetPack отображаются над полем комментариев? Поиск / фильтрация таксономии с несколькими таксономиями и множественными таксономическими терминами WordPress Получить верхний и нижний колонтитулы, используя в Admin Изменение постоянных ссылок при переходе с одного сайта на другой Администрирование большого количества сайтов WordPress Открыть ссылку в новой вкладке, отмеченной по умолчанию при добавлении новой ссылки в редакторе визуальных сообщений Добавить ссылку в верхнем меню таблицы сообщений? как избежать преобразования символов на страницах WordPress? Удалить подпись изображения из выдержки из выписки Пользовательский SQL-запрос: получить все сообщения с идентификатором категории и укромный список тегов для каждого сообщения Создание миниатюрных изображений небольшого размера из показанного изображения

адаптивные признанные изображения wordpress 4.4 grid

Я добавил три новых размера изображения для моих функций. Php ;

add_image_size( 'feature-large', 768, 9999 );

add_image_size( 'feature-medium', 500, 9999 );

add_image_size( 'feature-small', 480, 9999 );

Я хочу использовать featured-medium на экранах шириной более 768 пикселей, на больших экранах ниже 768 пикселей и на небольших экранах ниже 480 пикселей.

на данный момент я просто использую <?php the_post_thumbnail('feature-medium'); ?> <?php the_post_thumbnail('feature-medium'); ?> Я использую сетку бутстрапа, поэтому я хочу использовать средство-среду на больших экранах.

Возможно ли это? Есть ли у кого-нибудь идеи, как реализовать это самым простым способом?

Я с нетерпением жду ваших ответов / идей.

Большое спасибо

п`одать

Поскольку вы не можете определить размер экрана с использованием чистого PHP, у вас есть 2 варианта.

1- Используйте JavaScript или jQuery, чтобы получить размер экрана, а затем динамически импортировать содержимое с помощью Ajax / JSON. Вы можете найти решение здесь .

2- Загрузите все 3 размера эскизов, а затем используйте мультимедийные запросы CSS, чтобы отобразить правильный размер изображения на экране посетителя (рекомендуется только на страницах с низким количеством изображений).