Лучший слайдер для WordPress — плагин Easing Slider

В вашем блоге много изображений, и Вы ищете способы, как оформить их демонстрацию наиболее удобно и красиво? Одним из  самых практичных вариантов считается галерея в виде слайдера. Однако слайдер слайдеру рознь: одни упорно отказываются работать корректно, у других приходится возиться с тонкими настройками, третьи достаточно проблематично встраиваются в код темы. Сегодня мы предлагаем познакомится с наиболее универсальным и простым плагином, который поможет без проблем создать слайдер на Вашем сайте.  Итак, речь пойдет об Easing Slider Lite.

Все, что от Вас потребуется — это установить плагин, загрузить необходимые картинки и вставить код в тему. Никаких тонких специфических настроек здесь нет. Единственный недостаток плагина — ограничение в количестве слайдеров. В бесплатной версии можно вставить только 1 слайдер.

Итак, устанавливаем плагин, после чего активируем наш плагин. После установки плагин сам генерирует меню  «Slideshow». Чтобы работать со слайдером, отправляйтесь в  «Slideshow\Edit Slideshow». Изображение загружаются с помощью  «Add Images»:

 

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

 

Здесь можно задать ссылку и прописать атрибут Alt. На этом все настройки можно считать законченными.  Далее шорткод помещаем в html-редакторе на саму страницу или в запись:

 

Возможно, такой способ вывода слайдера Вам непривычен, можно сделать всё необходимое с помощью php-кода:

 

Кроме того, можно настроить изображение слайдера только на главной странице, для этого воспользуемся следующим кодом:

 

1 2 3 4 5 <?php if(is_front_page() && !is_paged()) { if (function_exists("easingsliderlite")) {easingsliderlite();} } ?>

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

 

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

 

На скриншоте видно, какая часть изображения была обрезана. Таким образом плагин сам подогнал картинку под стандартный размер. Вы можете запретить плагину подобный произвол — для этого отправляемся в «Slideshow\Settings\Image Resizing». После этого плагин будет отображать изображение в таком формате, в каком оно может поместиться в заданные рамки:

 

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

Далее можно настроить вид эффекта при прокрутке изображений:

 

Если у Вас установлена бесплатная версия, то Вы можете выбрать только между двумя эффектами — Slide и Fade. Эффект Fade по факту не самый лучший, поэтому выбор невелик. Вы также задаете время отображения одной картинки, но тут можно не менять интервал, который установлен по дефолту — это стандартное значение для слайдеров.

Стрелки настраиваются так:

 

Изначально указано, что стрелки отображаются внутри, однако Вы можете просто их отключить (“Disable”) или настроить изображение только при наведении курсора на сам слайдер (в пункте On Hover укажем True). Кроме того, их можно вывести за слайдер (Position в Outside).

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

 

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

Наконец, финальная настройка — автоматическое проигрывание слайдера:

 

Единственное, что здесь действительно стоит поправить — паузу, ведь отключать автоматическое проигрывание точно не стоит. Прочие удобные настройки находятся в   Slideshow\Customize, но в большей степени они касаются редактирования вида слайдера (css). Но по сути в этом нет необходимости.

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