amp-web-push-widget button.amp-subscribe { display: inline-flex; align-items: center; border-radius: 5px; border: 0; box-sizing: border-box; margin: 0; padding: 10px 15px; cursor: pointer; outline: none; font-size: 15px; font-weight: 500; background: #4A90E2; margin-top: 7px; color: white; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .amp-logo amp-img{width:190px} .amp-menu input{display:none;}.amp-menu li.menu-item-has-children ul{display:none;}.amp-menu li{position:relative;display:block;}.amp-menu > li a{display:block;} .icon-widgets:before {content: "\e1bd";}.icon-search:before {content: "\e8b6";}.icon-shopping-cart:after {content: "\e8cc";}

Categories: Дизайн сайта

Адаптивный сайт на WordPress: обзоры плагинов

Мобильные платформы не перестают завоевывать сердца пользователей интернета. Каждый год их число лишь растет. Для повышения рейтинга сайта следует подумать и об этой посетительской аудитории. Адаптивный сайт позволит избавить посетителей от лишних действий и нацелит их на совершения того, зачем они к вам пришли. Это в свою очередь повысит конверсию сайта.

В этой статье пойдет речь о плагинах, для создания адаптивных версий сайта под мобильные платформы.

Адаптивный сайт с помощью плагинов для WordPress

Hammy. Плагин рассчитан главным образом на оптимизацию и масштабирование изображений. Для новичков он не очень подойдет, так как требует знания кода от вебмастера. Плагин можно скачать с официального сайта WordPress. Последнее обновление было 2 года назад.

Responsive Widgets. Плагин служит для размещения на сайте адаптивных текстовых виджетов разных разрешений. Вы можете выбирать, какие виджеты отображать и на каких устройствах.

WP Lightbox 2. Мощный инструмент масштабирования изображений при просмотре сайта. У плагина есть несколько функций, включая затемнение фона при открытии картинки, а также возможность настройки анимационных переходов для галерей. Главным образом плагин предназначен для отображения галерей и картинок, однако он адаптивен под мобильные платформы, именно по этому, он попал в наш список плагинов. О другом плагине для такого эффекта можно узнать тут.

Responsible. Плагин представляет собой интересное решение для тестирования отображения сайта на экранах с разным разрешением. Активировав плагин, в верхней части страницы вы увидите панель, где можно выбрать нужное разрешение и проверить корректность отображения страницы. Удобно для того чтобы сделать адаптивный сайт.

WPTouch Mobile Plugin. Плагин для создания мобильной темы. В функционал плагина входит большое количество инструментов для решения поставленной задачи. Работая с плагином, используйте последние его версии. В противном случае могут возникнуть серьезные технические проблемы.

WordPress Mobile Pack. Плагин служит для отображения на мобильных устройствах адаптивной версии сайта. Вам достаточно активировать плагин, остальное он сделает сам. При этом вам не нужно осуществлять какие-либо дополнительные настройки. Данный плагин для создания адаптивного сайта очень популярен. Количество его скачиваний более 20 тысяч по данным каталога дополнений WordPress.

Адель Гадельшин