Привет ! Мы продолжаем разбирать самые интересные и самые полезные плагины для сайта WordPress. Сегодня вы узнаете как адаптировать свой сайт под дисплеи высокого разрешения Retina. Дисплеи Retina используются на устройствах Apple и имеют настолько высокую плотность пикселей, что человеческий глаз не способен заметить, что изображение состоит из них. Плагин будет отображать файлы и изображения вашего сайта в соответствии с разрешением дисплеев Retina. Ваш сайт будет выглядеть красиво и чётко на любом устройстве !
Установить плагин WP Retina 2x вы сможете прямо из админ-панели wordpress. Перейдите на страницу: Плагины – Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.
Далее, после установки и активации плагина, перейдите на страницу: Настройки – Retina. Здесь вы сможете настроить основные параметры плагина.
Basics.
– Disabled Sizes, поставьте галочку возле размеров изображений, которые не будут адаптированы под дисплеи Retina.
– Auto Generate, включение данной функции позволяет автоматически адаптировать загруженные изображения под Retina.
– Disable Responsive, поставьте галочку, чтобы отключить адаптивные изображения на WordPress. Не рекомендуется ! Включайте данную функцию только если возникли проблемы с отображением изображений.
– Disable Medium Large, можно отключить размеры изображений “Средние и большие” на WordPress. Не обязательно !
– Full Size Retina, включить обязательную поддержку Retina для полно-размерных изображений.
– Сохраните изменения.
Advanced.
– Method, можно выбрать метод адаптации под Retina. Рекомендуется оставить метод по умолчанию, так как он подходит для любых сайтов и браузеров.
– Quality, здесь указано качество сжатия изображения. Оставьте по умолчанию.
– Debug Mode, включить ведение журнала работы плагина, для выявления ошибок, не обязательно.
– Custom CDN Domain (Pro), можно указать CDN домен, если вы используете данную функцию.
– Keep IMG SRC, включение функции положительно сказывается на SEO. Добавление соответствующих тегов к изображениям Retina.
– Use Lazysizes (Pro), при включении данной функции изображения Retina будут загружаться с помощью Lazy Load (постепенная загрузка).
– No Picturefill Script, поставьте галочку, чтобы не грузить на сайт скрипт picturefill, тогда изображения Retina будут отображаться не на всех браузерах.
– Hide ‘Retina’ column, скрыть столбец Retina из медиа библиотеки, не обязательно.
– Hide Retina Dashboard, не показывать Retina в меню админ-панели.
– Admin in Retina, включение поддержки Retina для админ-панели wordpress.
– Hide Ads & Info, скрыть рекламу и информацию о pro версии плагина Retina.
– Ignore Mobile, НЕ включать поддержку Retina для мобильных устройств.
– Сохраните изменения.
Pro.
– Serial, если вы используете pro версию плагина введите в данное поле идентификатор ID продукта.
– Сохраните изменения.
Всё готово ! После сохранения настроек, поддержка Retina автоматически включится на вашем сайте.
Остались вопросы ? Напиши комментарий ! Удачи !