Слайдер с перелистыванием страниц для вордпресс. Выбор лучшего слайдера для WordPress

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

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

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

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

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

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

Как настроить работу такого слайдера? Для этого мы должны зайти в админ-панель нашего сайта (См. публикацию ). В левом меню админ-панели выбираем раздел «Внешний вид » и в выпадающем от этой опции подменю выбираем подраздел «Настройка темы TopGame » (Это для нашого примера, а в Вашем случае смотрите название темы, которая у Вас установлена).

После нажатия левой кнопкой мыши по названию подраздела «Настройка темы TopGame », перед нами открывается лист настроек данной темы. Нас интересует в этом листе раздел «Рубрика для слайд-шоу », она выглядит примерно вот так (для увеличения изображения кликните по нему левой кнопкой мыши):

В верхней строке с помощью стрелочки и правой кнопки мыши выбираем одну из рубрик на Вашем блоге, из последних сообщений которой Вы бы хотели транслировать слайды. В нашем примере выбрана рубрика «Онлайн игры », которая, как мы видим, содержит пять постов (публикаций). Не забываем нажать правой кнопкой мыши по кнопке «Сохранить изменения » в левом нижнем углу листа настроек темы. Первую часть настройки слайдера мы выполнили!

Далее рассмотрим, как формируется слайд для слайдера непосредственно при опубликовании сообщения в данную выбранную нами рубрику. Для примера я опубликую новое сообщение «Экономическая браузерная mmorpg - Anno Online », которое отнесу к рубрике «Онлайн игры », поставив галочку в разделе рубрики в правом меню редактора.

Далее нам необходимо для слайдера где-нибудь найти изображение размерами не менее чем 610 на 320 пикселей (оптимальный размер слайда в нашем примере, в Вашем — будут другие параметры). Если изображение будет меньше, то слайдер будет работать некрасиво с черными полями, компенсирующими недостающий размер рисунка. Не рекомендую выбирать и слишком большое по размерам изображение, так как в качестве слайда будет использоваться только его фрагмент.

В правом меню редактора в самом его низу найдите раздел «Миниатюра записи » и кликните по опции «Задать миниатюру » левой кнопкой мыши, после чего открывается обычный загрузчик изображений, через который Вы загружаете выбранный нами для слайда рисунок (изображение).

Во время загрузки изображения скопируйте адрес изображения, он будет иметь вот такой вид http://site.com/wp-content/uploads/2014/09/anno.png , где site.com – Ваш сайт, а anno.png – название загруженного Вами изображения.

После удачной загрузки миниатюры, ее превю высветится у Вас в окошке раздела «Миниатюра записи ». Например, вот так, как в нашем случае.

В верхней правой части редактора открываем опцию «Настройка экрана ».

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

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

Из всего прочего открывшегося нас с Вамии будет интересовать только опция «Добавить новое поле: »

Где в разделе «Имя » мы выбираем селектор featured или же если его нет, то через опцию «Введите новое » прописываем его вручную (это необходимо для таблицы стилей). В графу «Значение » вставляем скопированный ранее адрес изображения, который будет использоваться в качестве слайдера.

После проведенных манипуляций, публикуем наше сообщение в целом. Как видим, в нашем примере слайд добавился удачно, и слайдер работает нормально.

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

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

Использовать слайдшоу Meta Slider вы можете как на главной странице, так и в любой записи, либо сайдбаре (боковой колонке сайта). Настройки до безобразия просты, а внедрение слайдера на сайт WordPress еще проще.

Внимание! Я выпустил новую тему Romb для ваших статейников и блогов. Максимально быстрая по Google PageSpeed и максимальная оптимизация под SEO.

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

Шаг 1: создаем первое слайдшоу

Кликаем по нему и попадаем на страницу, где сверху увидим такое

Нам предлагают создать свое первое слайдшоу, что мы и делаем, кликнув на +.

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

Шаг 2: загружаем картинки в слайдер

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

Нажимаем и добавляем картинки для выбранного слайдшоу. Сам процесс добавления стандартный для сайтов на WordPress. После этого появится вот такое:

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

Галка в поле New Window сделает так, что по клику на картинку выбранная ссылка откроется в новом окне. Остальное понятно из скриншота.

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

Шаг 3: настройка эффектов для слайдера

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

Чтобы вы не делали в выбранном слайдшоу, необходимо по окончании изменений его сохранить. Для этого используем кнопки Save, либо Save&Preview (сохранить и сразу посмотреть как будет выглядеть).

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

Обратите внимание, что ширину (width) и высоту (height) я задал ровно такую, какого размера у меня изображения. Вы ставите свои размеры. Красная стрелка показывает на поле эффекта, с которым будет отрабатывать слайдер на сайте.

В нашей бесплатной версии плагина Meta Slider эффектов не сильно много, но их достаточно, чтобы посетители вашего сайта положительно оценили ваш сайт. Кто хочет, может купить PRO версию Meta Slider за 19$ (ссылку увидите).

D этом блоке мы ставим галку, если нужны стрелки навигации влево и вправо (Arrows), а также можем спрятать нижнюю навигацию (Hidden), либо отображать её в виде точек

Для статьи или Главной удобно оставлять данную навигацию, а вот для рекламы инфопродуктов можно смело прятать.

Далее у нас идет блок Advanced Settings. Здесь мы можем точечно настроить стиль отображения: время задержки, чередование, направление и т.п. Можете смело поэкспериментировать, чтобы найти нужные для себя параметры. Если я начну описывать каждый, то статья будет невероятно длинной.

Шаг 4: внедряем созданный слайдер на сайт

Мы можем внедрить слайдер на сайт при помощи шорткода, либо функции PHP. Шорткод удобно использовать в статье, а функцию прописывать в файл шаблона. Сами решаете как вам лучше сделать.

Обратите внимание, что в шорткоде и функции есть цифры, которые обозначают номер вашего слайдшоу.

Включаем шорткоды в стандартном виджете сайдбара Text

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

для своего 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.

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

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

  • Плавные анимационные переходы
  • Параллакс слои
  • Стильные шрифты и кнопки

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

Nivo Slider

Nivo Slider – это премиум плагин, который предоставляет практически все функции, необходимые для создания невероятных эффектов. Несмотря на то, что этот плагин немного дороже остальных расширений, которые здесь представлены (стоимость лицензии для одного сайта начинается от $29), он стоит того, чтоб в него инвестировать. Интуитивный интерфейс позволяет с легкостью создавать слайдеры и добавлять их на сайт, используя шорткоды.

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

И наконец, Nivo Slider – плагин очень легкий, за счет чего он практически не влияет на скорость загрузки страниц. Перейти

Slider Revolution

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

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

Параллакс-слои Slider Revolution – это что-то фантастическое, а редактор таймлайна слайдов отображает интуитивный вариант того, как ваши картинки будут показаны в слайдере. Кроме того, плагин предоставляет drag-and-drop-редактор, который позволяет начинающим веб-мастерам создавать профессионально выглядящие слайдеры. У этого плагина есть все, начиная от многоязычной поддержки и заканчивая поддержкой полноэкранных видео YouTube и Vimeo. Перейти

Этот плагин, ну, очень премиальный. Самая дешевая лицензия стоит $19, а стоимость самой дорогой лицензии может достичь $249 в зависимости от того, сколько сайтов она обслуживает. Если вы не можете начать работу с бесплатным слайдер-плагином, из-за того, что у него непонятный интерфейс, то этот вариант как раз для вас. Плагин отзывчивый и может экспортировать созданные ранее слайдеры.

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

Cyclone Slider 2

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

Благодаря возможности отображать неограниченное количество слайдеров в любом месте сайта Cyclone Slider 2 может составить достойную конкуренцию премиальным опциям. Также радует, что плагин поддерживает видео, цитаты и кастомный HTML. Перейти

SlideDeck

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

Это простой и доступный плагин, подходящий всем тем, кто хочет связать сайт с такими платформами, как YouTube, Flickr и Pinterest. Перейти

EasyRotator

Плагин EasyRotator – еще один бесплатный инструмент для создания слайдеров, и главное его преимущество – это простота. Просто загрузите видео и фото, кликните пару кнопок и любуйтесь стильным слайдером, появившемся на вашем сайте.

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

Slider Pro

Slider Pro стоит $29, но ваши деньги точно не пропадут зря. Элегантный дизайн, инструменты быстрого создания слайдов и отзывчивость – все есть. Вы можете связать плагин с вашим аккаунтом в Flickr, чтоб выдергивать контент оттуда и использовать его на вашем сайте. Touch-swipe-возможности пригодятся пользователям iPad’ов и планшетов, а анимированные уровни помогут вам привлечь внимание пользователей, чтоб продать им больше всего или приманить их к нужному контенту. Перейти

LayerSlider

Плагин LayerSlider стоит $20 и предлагает полный набор функций, но слайдеры – это не все, что он способен вам дать. Вы также cможете добавлять галереи картинок и слайдшоу, предлагая идеальный мультимедиа опыт.

LayerSlider предлагает более 200 2D и 3D переходов, и вы можете создать собственные переходы с помощью редактора слайдов. Мощный drag-and-drop-редактор укомплектован плагином для просмотра отзывов в режиме реального времени. Также вы сможете экспортировать, импортировать и передвигать компоненты в режиме реального времени.

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

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

Easing Slider

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

Smooth Slider

Разработчики Smooth Slider уверяют, что могут вставить на ваш сайт потрясающий слайдер со ссылками на самый свежей контент или рекомендуемые записи всего за 50 секунд. И эти разговоры похожи на правду. Интерфейс очень прост в использовании, а само решение крайне отзывчивое.

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

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

Заключение

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

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




Top