Retina поддержка высокого разрешения на сайт WordPress

 Привет ! Мы продолжаем разбирать самые интересные и самые полезные плагины для сайта WordPress. Сегодня вы узнаете как адаптировать свой сайт под дисплеи высокого разрешения Retina. Дисплеи Retina используются на устройствах Apple и имеют настолько высокую плотность пикселей, что человеческий глаз не способен заметить, что изображение состоит из них. Плагин будет отображать файлы и изображения вашего сайта в соответствии с разрешением дисплеев Retina. Ваш сайт будет выглядеть красиво и чётко на любом устройстве !

 Установить плагин WP Retina 2x вы сможете прямо из админ-панели wordpress. Перейдите на страницу: ПлагиныДобавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

WP Retina 2x

 

 Далее, после установки и активации плагина, перейдите на страницу: НастройкиRetina. Здесь вы сможете настроить основные параметры плагина.

 

настройки 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 автоматически включится на ваш

Оцените статью