Задавайте вопросы по курсам WordPress

Responsive nivo слайдер

Один из самых удачных слайдеров для адаптивной верстки это responsive nivo slider.

Для начала расставим точки над ё. Разберем понятие адаптивного дизайна.
Адаптивная верстка (Responsive)
— это верстка, под любые виды устройств начиная от домашних ПК и заканчивая мобильными устройствами IPhone, Android … и даже часами.

responsive-web-design адаптивный дизайн на чатах

Независимо от размера экрана, сайт, в такой верстке, должен смотреться всегда хорошо.  Представите себя на месте человека, который ищет товар или услугу в интернете с мобильного устройства. Неудобно постоянно перемещаться то в право, то в лево, рассматривая товары интернет магазина, а тем более при чтении описания этих товаров. Для примера можно рассмотреть один из сайтов с адаптивным дизайном. Открываем и меняем ширину экрана браузера.

responsive-web-design адаптивный дизайн
После выхода третей версии nivo слайдера разработчиками было внесено много изменений и доработок, самой важной и приятной для меня оказалась переработка под адаптивную верстку. В данной версии слайдера можно загружать изображения любого размера и изображения сами будут подстраиваться по ширине, а высота слайдера будет зависеть от высоты изображения.

Демонстрация слайдера

Чтобы увидеть работу слайдера можно перейти на страницу демонстрации плагина под WordPress слайдер тут и попробовать изменить ширину окна браузера.
Также можно отследить все нововведения в работу слайдера тут.

Продукт свободно распостраняесты и слайдер можно скачать с github.com, там же в меню сайта можно посмотреть демонстрацию других тем которые не входят в стандартную поставку и их можно приобрести за отдельную плату как и плагин для wordpress.

Вот так будет выглядеть слайдер на планшете:

 Responsive nivo слайдер. Адаптивная верстка.

Еще хочу сказать, что на официальном сайте есть отличная справка по использованию слайдера лучше просто вряд ли кто опишет, поэтому и я не стал описывать).

А если с английским у вас все плохо можете подсмотреть на сайте Евгения Попова Изменяем дизайн слайдера (используется Nivo Slider). На сайте вы также сможите узнать и о том как самому сменить дизайн, если платить за предложенные темы разработчиков не хочется. 

Те кто занимаются адаптивной версткой под мобильные устройства очень часто сталкиваются с  проблемой стилизации полей ввода форм в устройствах Android и особенно в IPhone. Об этом вы сможете прочитать на нашем сайте в статье iphone input внутренняя тень и скругление “inner shadow”.


Купить хостинг Admin VPS

Читайте также:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

Шаблоны для WordPress
Самый лучший хостинг в Украине
Стабильный хостинг для Drupal