Плагин слайдера. Претенденты на звание лучшего слайдера для WordPress. Scrollbox — jQuery плагин

Слайдеров, сегодня хочу представить несколько плагинов, на которые эти исходники можно накрутить. Плюс, небольшое описание каждому плагину, чтобы не качать «кота в мешке». Лишний раз проверять, что умеет плагин и его работоспособность никому не нравится, верно? Скажу сразу — все слайдеры в формате плагинов для WordPress, поэтому проблем с установкой и настройкой быть не должно.

Coin Slider

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

Nivo Slider

Поистине король слайдеров. Честно говоря, не очень рекомендую пользоваться именно плагином для WordPress по причине того, что он давненько не обновлялся, в отличии от скрипта. А последняя версия для WordPress — платная. Ну или как вариант — приспособить новый скрипт к старой оболочке плагина, но тут нужны знания посерьёзнее. 16 вариантов смены картинки, поддержка тем, превью, отличная и валидная верстка, богатые настройки. Я пока не встречал скрипта, который бы уделал Nivo.

Content Slider от SlideDeck

Еще один весьма навороченный слайдер, но теперь это слайдер контента. Очень богатые настройки, интеграция в редактор постов, несколько тем в комплекте. Есть возможность вставить разные слайдеры в каждый пост. Есть Pro версия, которая может ещё кучу всяких клёвых штук, но цена в 99$ за слайдер меня очень и очень смущает.

Meteor Slides

Этот кандидат попроще, но и у него есть своя фишка. Во-первых, он умеет встраиваться по шорткоду, это удобно. Во-вторых, он умеет создавать несколько слайдшоу, которые можно использовать в разных местах. В-третьих, он умеет встраиваться в сайдбар виджетом. И там крутить картинки. По моему, достаточно круто. И да, поддержка русского в комплекте

Slideshow Gallery

Этот слайдер тоже умеет дружить с редактором постов WordPress, тоже может встраиваться шорткодом и у него есть превью картинок. Поддержка локализации, с помощью po/mo файлов. Плюс, для больших картинок поддерживается лайтбокс, то есть увеличение картинки по клику.

TN3 Gallery

Неплохой плагин, с превью картинок, хорошей версткой и прочими вкусностями. Но у него есть отличная черта — он поддерживает , что на данный момент достаточно редкая штука. Но есть и минус, даже два, чтобы скачать нужно зарегистрироваться и нет версии для WordPress. Только вариант скрипта, но возможности слайдера стоят того, чтобы немного потрудиться над установкой.

WordPress Content Slide

Что сказать про этот плагин? Он маленький, полностью настраиваемый внешне, неплохие настройки из админки. И он работает.

ISlidex

Очень неплохой слайдер с поддержкой нескольких тем. Авторы обещают SEO-верстку, автоматическую обрезку и кэширование изображений, кроссбраузерность вплоть до IE7 и поддержку WordPress 3.x. Также умеет встраиваться в виджет, что существенно повышает его ценность.

24.01.2013 — добавлю еще один плагин, с которым пришлось столкнуться. Он оставил самые приятные впечатления, несмотря на то, что он платный.

Он сможет показать вам все, что вы захотите. Больше 10 шаблонов вывода в комплекте, собственное API, поддержка мобильных устройств и куча других вкусностей. Поверьте — на сегодняшний день это лучший слайдер. И стоит всего 12$ , конечно же, все последующие версии бесплатны. Да, как заявляет разработчик — этот плагин единственный, кто поддерживает в полном объёме IE10, который установлен в Win8.

для своего WordPress-сайта? Устали от тестирования сотен плагинов, стараясь выявить лучший? Прекрасно, значит вы стоите на верном пути. В данной статье мы сравним четыре самых популярных плагина, которые позволяют подключить слайдеры в WordPress, отметив их скорость, простоту использования, а также иные возможности. Целью нашего тестирования будет поиск наилучшего плагина для реализации слайдера в WordPress.

Многие читатели нашего сайта быстро вырастают с уровня новичков и переходят к настройкам темы. Один из наиболее популярных вопросов, задаваемых нашими читателями: какой слайдер для WordPress самый лучший? В данной статье мы попытаемся ответить на этот вопрос, приведя сравнения популярных слайдеров по производительности и качеству.

Проблема WordPress-слайдеров

В преобладающем большинстве WordPress-слайдеры являются слишком медленными. Если он не слишком хорошо закодирован, слайдер может значительно увеличить время загрузки ваших страниц. Дополнив это не самым лучшим WordPress-хостингом, можно прийти к ситуации, что ваш сервер будет работать как улитка.

Еще один корень зла WordPress-слайдеров – простота использования. Большая часть слайдеров перегружена разными опциями и поставляется с массивной документацией для новичков.

Также вам стоит убедиться в том, что слайдер является адаптивным. К сожалению, большинство слайдеров таковыми не являются.

Разве реально протестировать сотни слайдеров и проверить все эти пункты? Нет, да и не нужно этого делать. Мы провели тестирование за вас, и чуть ниже вы узнаете, какой слайдер является самым лучшим по всем показателям. Продолжайте чтение.

Претенденты на звание лучшего слайдера для WordPress

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

Скорость

Время загрузки страниц и скорость работы является важным фактором при выборе подходящего слайдера для WordPress-сайта. Как было отмечено ранее, медленный сайт не только нарушает опыт взаимодействия, но и снижает ваши показатели в поисковых системах. Именно по этой причине скорость работы слайдера является приоритетом номер один в наших тестах.

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

Также плагин использует один небольшой привлекательный ход. Он загружает ваш основной слайд, после чего остальные слайды грузятся асинхронно. Такой подход отличается скоростью не только в тестах, но и в реальном применении на сайте – ваши посетители отметят для себя быстроту открытия слайдов.

Если вы желаете получить сайт, отличающийся высокой производительностью, то слайдер Soliloquy – идеальный выбор для вас.

Простота использования

Создание слайдеров – не такой простой процесс, как мы думаем. Основная задача данного раздела – найти плагин, с которым бы смог справиться даже новичок. Т.е., пользователи должны создавать слайдеры быстро и просто.

Soliloquy

Мы протестировали многочисленные слайдеры для WordPress, но мы не нашли настолько простых плагинов, как Soliloquy. Установка плагина и создание слайдов в нем являются удивительно простыми действиями.

Почему же он настолько прост в использовании? Ответ лежит на поверхности: он отвечает основным советам по написанию кода и отлично вписывается в родной интерфейс администратора WordPress. Слайдер обладает простым, но в то же время интуитивным пользовательским интерфейсом, позволяющим создавать слайды, используя стандартный загрузчик медиа-файлов в WordPress.

В плагин включены простые шорткоды, теги шаблонов, кнопка в редакторе записей, а также виджет, позволяющий добавлять ваши слайды в различные секции веб-сайта.

SlideDeck

SlideDeck – второй по простоте использования плагин, который мы обнаружили. Создание нового слайд-шоу в SlideDeck отличается удивительной простотой, вы можете легко добавлять многочисленные слайды. Также вы можете создавать слайд-шоу путем добавления контента с динамических ресурсов: Flickr, Vimeo, YouTube.

Плагин обладает множеством настроек для управления поведением вашего слайд-шоу. Существует возможность лайв-превью. Интерфейс администратора SlideDeck несколько запутанный, выглядит чужим в среде WordPress. Однако важно отметить, что с точки зрения дизайна интерфейс является достаточно симпатичным.

Мы думаем, что новички смогут легко и быстро создать слайд-шоу с помощью SlideDeck.

По умолчанию слайды SlideDeck не являются адаптивными, однако есть простой выход: вам нужно либо сделать их адаптивными при редактировании, либо добавить к своему шорткоду параметр ress=1, и проблема будет решена.

Nivo Slider

Создание слайдера с помощью Nivo Slider – простой процесс. Вы можете выбирать изображения из медиа-загрузчика, загружать различные изображения. Вы можете также менять порядок слайдов. Через интерфейс, такой же как в загрузчике, вы можете добавлять подписи, ссылки, текст Alt к вашим слайдам. Плагин имеет шорткоды и теги шаблонов, которые позволяют вам добавлять слайдер к записям, страницам и шаблонам.

Nivo Slider не поддерживает видео и иные типы мультимедиа. Плагин позволяет создавать только слайд-шоу из изображений. Он поставляется с прекрасным набором тем, которые вы можете использовать, а также с многочисленными эффектами перехода. Настройка плагина, создание слайд-шоу, добавление слайдов к записям/страницам происходят очень легко и быстро. Однако если вам важны параметры и опции, то в таком случае Nivo заметно отстает от SlideDeck 2 и Soliloquy.

Meteor Slides

При создании слайд-шоу в Meteor Slides вам нужно загружать каждый отдельный слайд индивидуально. Это сильно ест время, и многим новичкам это может показаться слишком запутанным шагом. После установки плагина переходим в раздел Slides - Add New. Даем отдельному слайду название, после чего щелкаем по пункту Set featured image для загрузки следующего слайда.

Если вы хотите, чтобы ваш слайд ссылался на страницу, то в таком случае введите URL. Наконец, вам нужно будет выбрать подходящее слайд-шоу из мета-поля Slideshows.

Вы не можете поменять порядок слайдов в слайд-шоу. Вы не можете добавлять видео-слайды, не можете задавать текст над слайдом. Все это сильно урезает функционал Meteor Slide. Однако он остается полезным, если вы хотите просто добавить слайд-шоу.

Возможности

Если вы хотите просто создать простое слайд-шоу из изображений, то в таком случае вам подойдут Nivo Slider и Meteor Slides.

Однако Soliloquy и SlideDeck 2 позволяют вам делать гораздо больше всего со слайд-шоу. В плане возможностей SlideDeck и Soliloquy идут практически рядом. Они оба имеют прекрасные возможности и предлагают широкий список средств управления над представлением ваших слайдов.

Вследствие своей простоты Soliloquy отлично подходит новичкам, которые смогут легко и быстро разобраться в его возможностях и опциях. Слайды в Soliloquy адаптивны по умолчанию, поэтому пользователям не понадобится добавлять дополнительные параметры к шорткодам, чтобы сделать слайдер адаптивным.

Slide Deck и Soliloquy поддерживают различные типы контента. Вы можете добавлять изображения, записи, текст и мультимедиа в слайды. Оба плагина позволяют редактировать отдельные слайды, добавлять расширенную информацию, такую как подписи, перекрывающий текст, кнопка призыва к действию.

Цена

Еще один решающий фактор, который помогает пользователям определиться с выбором слайдера – это его цена. В данном случае цена идет за лицензию для одного сайта. Meteor Slider – бесплатный плагин, потому он не указан в таблице.

В результате сравнения плагинов можно прийти к выводу, что самый лучший WP-плагин для создания слайдеров – это Soliloquy.

Победитель определен!

Soliloquy – самый быстрый плагин для создания слайдеров в WordPress. Он придерживается всех стандартов кодирования, имеет прекрасную документацию, его легко расширить разработчикам, он прост в использовании и к тому же является самым дешевым.

SlideDeck – второй с точки зрения функционала. К тому же он чуть медленнее, чем Soliloquy.

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

Уже сейчас модельные линии компаний, занимающихся созданием и аппаратов, стараются не включать в ассортимент телефон-слайдер. Последним производителем, выпустившим такой тип техники, стала Nokia. Этот бренд единственный, у которого в ассортименте доступна линейка C2, имеющая слайдерный вид. Если кто-то фанат такого рода телефонов, то можно смело обратить внимание на варианты от Nokia. Например, недорогая модель C2-06 имеет камеру на 2 мегапикселя, радио и плеер. Здесь также имеется поддержка 2 SIM-карт. Это достаточно популярно в наше время. Телефоны-слайдеры с двумя сим-картами от Nokia стоят не более 3 тысяч рублей.

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

Samsung C3752 Duos

Этот телефон-слайдер имеет красивый корпус, который выполнен из такого материала, как пластик. Его поверхность матовая, нескользкая, за счет чего его приятно держать в руке.

Вес - 92 г, размеры - 9,7х4,9х1,6 см (в закрытом положении). Трудно сказать, что этот аппарат слишком толстый, но и тонким его не назовешь. Можно уточнить, что в руке или кармане тяжесть чувствоваться не будет. Устройство марки C3752 Duos имеется лишь в одном цветовом решении - черно-сером. Модель идеально подойдет для занятых людей, которые выбрали для себя простой, универсальный и весьма практичный 2-симочный аппарат.

Телефон-слайдер «Самсунг» С3752, как и все остальные аппараты из линейки Duos, оснащен служебными функциями, легко ставящимися на рабочий стол. Настройки позволяют изменить положение часов, просмотреть календарь, время, пропущенные звонки и события, а также телефонную книгу. На экране аппарата помещается 18 подобных ярлыков. Логотип (или картинка) для них выставляется по умолчанию или по желанию потребителя.

Samsung S5050

Корейская компания не сильно позаботилась о внешнем виде своего нового устройства Samsung S5050. Этот телефон-слайдер может напомнить по своему дизайну многие модели из совершенно разных линеек, так как тут присутствует смешение многих вариантов оформления. «Лицом» аппарата стал корпус из глянцевого пластика черного оттенка, на котором виднеется небольшая розовая полоса. Именно эти цвета и доминируют: их можно встретить на торцах и на нижней части самой клавиатуры. Телефон получил «ярлык» - женский, хотя таковым он выглядит лишь в полном виде; в закрытом состоянии он ничем не отличается от универсальных моделей.

В меню телефона имеются иконки, размер которых составляет 3х4. Положительным моментом назвать можно то, что аппарат запоминает последний раздел, в котором был человек перед остановкой работы, и после еще одного открытия меню показывает именно его. Между разделами или подразделами перемещение осуществляется при помощи джойстика или цифровой клавиатуры. Присутствуют темы оформления, которые радикально меняют внутренний дизайн.

Samsung E390

Следующий телефон-слайдер от столь известного изготовителя Samsung - E390. Его вес не превышает 80 г при размерах 9,4х4,7х1,6 см. Дизайн аппарата выполнен с такими деталями, что он выглядит строго и достаточно стильно. Аксессуары, рисунки, декорирующие элементы - всего этого мало, поэтому для консервативных и спокойных людей именно такой слайдер и подойдет. На рынке E390 представлен лишь в одном цветовом решении - черном. Сборка качественная. Скрипов, плохо закрученных шурупов не наблюдается даже при сильном сдавливании.

Меню телефона имеет 9 разделов. Между ними перемещаться можно с помощью специальной кнопки и блока.

Samsung J700

Сотовый телефон-слайдер Samsung J700 вряд ли запомнится покупателю своим внешним видом - он самый типичный среди остальных моделей корейского продавца. Выделить на фоне других этот аппарат можно только при помощи формы и цветовой гаммы (в продаже имеется модель розового цвета).

При весе 92 г телефонные габариты составляют 9,9х4,8х1,4 см. Лицевая сторона имеет декорирующие элементы, в частности сетку, за которой находится динамик, круглые кнопки разных цветов. Кроме этого, стоит уточнить такой нюанс, который бросается в глаза: эта модель в розовом варианте выгодно подчеркивает соседство с черным цветом. Средние размеры аппарата позволяют ему превосходно сидеть в ладони и не выскальзывать.

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

Nokia 6700 Slide

Прежде всего, необходимо сказать, что Nokia 6700 Slide - мобильный телефон-слайдер, который имеет металлический корпус, а это огромнейший плюс. Уже можно сделать вывод, что при падении с высоты он мало пострадает. Аппарат пополняет линейку компании Nokia. Производитель на рынок поставляет сразу несколько цветовых вариантов: от голубого до серебристого. Последний - универсальное решение как для женщины, так и для мужчины, а также идеально подходит для разной возрастной категории - от студента до взрослого занятого человека. Металл, взятый за основу корпуса, представляет собой алюминий. Весит аппарат 110 грамм. А его размеры составляют 9,5х4,6х1,5 см.

Сборка слайдера впечатляет. Единственным минусом можно назвать то, что разъем USB-кабеля находится рядом с фиксатором задней части корпуса.

LG KE500

Трудно назвать кнопочный телефон-слайдер LG KE500 таким же гламурным, как и его предшественник. Однако конкурентоспособность у него в несколько раз выше. Сразу необходимо отметить, что аппарат является универсальным, он подойдет и женщинам и мужчинам. В России телефон продается лишь в едином варианте, а точнее в черно-сером. В родной стране цветовых вариаций несколько больше. Дизайн аппарата стильный и одновременно простенький. Металлические вставки присутствуют с внешней стороны корпуса. Второй материал, который использовался при сборке, - пластик. Но он качественный: при касании и сдавливании не сжимается и не гнется. Покрытие поверхности не такое, как у большинства слайдеров. Производитель использовал технологию, объединяющую глянец и софт-тач.

Sony Ericsson W20i Zylo

Телефон W20i Zylo - слайдер, лишь по внешнему виду которого можно понять, кто производитель. Круглые бока, пластик с матовым покрытием, надпись на внешней части Walkwan - все это напоминает Sony Ericsson. Цветовых решений на рынке три: черный, розовый и серый. Логично, что второй вариант рассчитан больше на женскую половину покупателей, нежели на мужскую. Остальные же универсальны.

Пластик, который взят за основу в корпусе, имеет мягкую поверхность, высокую прочность, устойчив к механическим повреждениям. Сборка выполнена на лучшем уровне. Весит аппарат 110 грамм, однако это скорее его плюс, чем минус. Именно это добавляет ему солидности.

Samsung E880

По мнению экспертов, лучшим производителем (по сборке, функциональности, дизайну) оказался Samsung, поэтому нелишним станет краткий обзор еще одной его модели.

В технических характеристиках указаны размеры телефона E800 - 8,7х4,3х2,3 см. Хотя в жизни он выглядит еще меньше. Такой эффект был достигнут благодаря округлению краев. Имеется небольшое сходство с моделью южнокорейского производителя - E850. Весит аппарат всего 80 грамм. Это позволяет носить устройство в кармане куртки, штанов, рубашки, даже не чувствуя его присутствия. Отличительным моментом телефона можно назвать местоположение камеры. Ее «окно» находится над экраном на верхней грани корпуса. Преимущество этой камеры в том, что она имеет одну интересную функцию - поворот изображения при помощи небольшого ползунка. То есть она может «смотреть» как на хозяина, так и в противоположную сторону.

Именно на эти телефоны эксперты дают 100% гарантию того, что покупатель не разочаруется в их выборе. Среди положительных моментов, они выделяют хороший звук, легкость в эксплуатации, небольшой вес, удобство держания, долгую автономную работу.

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

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

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

Сегодня существует большое количество самых различных видов слайдеров. Самые популярные, конечно, построенные на базе jQuery. Важно понимать, что существуют т.н. jQuery-плагины и другие библиотеки на . С помощью которых можно программно внедрить и настроить слайдер на любой странице абсолютно любого сайта на любой CMS. А также существуют слайдеров для WordPress. Они дают возможность внедрять слайдеры с помощью визуального интерфейса (безо всякого кода) прямо внутри консоли вашего WordPress. Они просты в использовании, легко настраиваются, не требуют никакой подготовки. Собственно, о таких плагинах и пойдет сегодня речь.

Плагинов на самом деле очень много: платных, бесплатных, простых, сложных. В общем, на любой вкус, под любые цели и задачи. При выборе плагина следует обратить внимание на несколько важных моментов: имеется ли поддержка старых браузеров (каких именно и насколько старых), мобильных устройств (адаптивность), насколько глубокая настройка и кастомизация. Последнее необходимо для того, чтобы слайдер мог гармонично вписаться в дизайн существующего сайта. Не стоит забывать, что любой слайдер - это в первую очередь JS-скрипт. Который может вступить в конфликт с уже работающими на вашем сайте скриптами. Может возникнуть конфликт версий jQuery. Конечно, все это решается, просто нужно быть к этому готовым. То есть помнить, тестировать и проверять.

Итак, поехали.

1. Slider Revolution Responsive WordPress Plugin

Пожалуй, один из самых популярных на данный момент слайдеров для WordPress. Позволяет создавать очень эффектные адаптивные и полноэкранные слайдеры. Имеется огромный выбор уникальных эффектов анимации, переходов, загрузчиков и других настроек. Кроме этого, возможно создание своих собственных эффектов анимации. Плагин очень прост в использовании и достаточно легко настраивается. Слайдеры SEO-оптимизированы и прекрасно индексируется поисковиками.

2. LayerSlider Responsive WordPress Slider Plugin

Один из любимых мною плагинов. Как и предыдущий, входит в топы популярных премиум-плагинов WordPress. Позволяет создавать умопомрачительные слайд-шоу с более чем 200 предустановленных 2D и 3D переходов. Благодаря использованию передовых технологий, вся анимация осуществляются максимально гладко и естественно. У плагина простой и удобный в использовании интерфейс управления с поддержкой всех современных технологий. Например, WYSIWYG-конструктор слайдов со множеством различных ползунков настроек, полноценный таймлайн, Google-шрифты, кастомная анимация и многое другое. Все изменения осуществляются и видны в реальном времени. Поддерживается любой контент, в том числе: изображения, HTML, видео YouTube, Vimeo, HTML5-мультимедиа. Все генерируемые слайдеры SEO-оптимизированы и позволяют создать семантическую разметку для лучшей индексации. Естественно, слайдеры полностью адаптивные и готовы к работе на любых разрешениях. LayerSlider поставляется с 13 готовыми скинами и готов к глубочайшей кастомизации.

3. Master Slider - WordPress Responsive Touch Slider

Потрясающий адаптивный слайдер для WordPress. Превосходное качество всех эффектов слайдера достигается за счет использования аппаратного ускорения компьютера пользователя. Плагин традиционно поддерживает практически все типы контента, имеет множество разнообразных встроенных эффектов и переходов. Слайды настраиваются с помощью привычных слоев.

4. RoyalSlider - Touch Content Slider for WordPress

Название говорит само за себя. RoyalSlider - действительно королевский слайдер для WordPress, разработанный в лучших традициях HTML5 и CSS3. Плагин содержит полный пакет соответствующего функционала и поддержку мобильных устройств. Отличается от аналогов тем, что поддерживается динамическое наполнение слайдов. Например, из Instagram, Flickr, 500px. Также имеется поддержка WooCommerce.

Слайдер для WordPress, о котором я вам сейчас расскажу, является самым крутым среди всех слайдеров, что я видел. В нём столько настроек и столько возможностей, что можно реализовать практически любую поставленную цель. Самое главное – он бесплатный. У него есть только один недостаток – он на английском языке. И это не беда.

Слайдер для WordPress с плагином Smart Slider 3

Плагин Smart Slider 3 позволяет создать слайдер для сайта любой сложности и с любыми элементами. Скачать этот плагин вы можете по ссылке ниже.

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

После установки на сайт плагина слайдера, и его активации в вашей консоли образуется новый пункт «Smart Slider». Перейдите в него.

Здесь у нас появляется три вкладки:

• Slider. Список всех созданных слайдеров. Тут есть уже один образец слайдера, который создали разработчики плагина.
• Settings. Настройки плагина. Настроек очень много, и самое прекрасное, что их все можно оставить по умолчанию. Кому интересно, могут полазить там, а я не буду рассматривать этот пункт подробно.
• Go Pro! Тут можно купить платную версию плагина. Но кому она нужна, когда нам бесплатно дают столько возможностей! О них вы узнаете ниже.

Давайте создадим слайдер для WordPress и убедимся в возможностях этого плагина. Перейдите во вкладку «Sliders» и нажмите зелёную кнопку «Create slider».

В открывшемся окне дайте имя вашему слайдеру в поле «Slider name». Я напишу там «Мои картинки». Выберите размер в полях «Width» и «Height», определите один из трёх вариантов отображения в «Preset». В принципе, можно оставить всё по умолчанию, если не хотите возиться. В конце нажмите кнопку «Create».

Итак, создаётся слайдер для WordPress и после этого видим страницу с настройками.

Первый блок настроек «Publish slider». Здесь информация о том, как потом опубликовать готовый слайдер. В графе «Shortcode» можно получить шорткод, который можно поместить в запись или на страницу. В графе «Page or Post editor» нам показывают, что в реакторе записей и страниц образовалась новая кнопка, которая позволяет опубликовать слайдер. А в графе «PHP code» можно получить php код для установки слайдера в файлы шаблона.

Два первых способа публикации самые удобные.

Во вкладке «General» настраиваются основные опции: имя (Name), положение на сайте (Align), управление (Controls), анимация (Animation) и прочее.

Вкладка «Size» используется для настройки размеров. Можно определить ширину и высоту (Slider size), отступы (Margin), положение слайдера на экране (Default slide background fill mode), адаптивность (Responsive mode) и другое.

Во вкладке «Autoplay» настраивается автопереключение слайдера.

Вкладка «Other» для более тонких настроек, можно её не трогать.

Идём немного ниже и видим ещё один блок настроек, в котором есть шесть вкладок. Вкладка «Arrows» даёт огромнейшие возможности для настройки стрелок управления слайдера для WordPress.

«Bullets» управляет буллетами. Буллеты – это такие маленькие кружочки у слайдера, которыми можно переключать его.

Вкладка «Autoplay» управляет автозапуском слайдера.

В «Bar» можно включить бар у слайдера. Очень удобно, если нужно показать описание, например.

Вкладка «Thumbnail» управляет миниатюрами картинок слайдера для WordPress.

Итак, если вы уже наигрались с настройками, то давайте уже добавим картинки в наш слайдер для WordPress. Для этого нажмите на стрелочку около зелёной кнопки «Add Image Slider». Откроется меню.

Чтобы добавить изображение в слайдер, нужно нажать на пункт «Add images» в этом меню. Откроется стандартная медиабиблиотека, где нужно выбрать картинку. После выбора картинки, её миниатюра сразу становится видной в слайдере. Если кликнуть на неё, то можно произвести определённые настройки.

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

Для создания слоёв используйте блок, который я показал на скриншоте ниже.

После всех настроек картинки не забудьте нажать «Save».

Если на кнопке добавления слайда нажать теперь пункт «Add video», то можно прикрутить к слайдеру ролик из YouTube или Vimeo. Для этого нужно просто вставить ссылку на видео в поле и нажать «Add Video».

Ролик сразу появляется в списке слайдов и при клике по нему открываются индивидуальные настройки, такие же, как в случае с картинкой.