Десять популярных плагинов для слайдера на сайте Wordpress
Опубликовано: 16.05.2018
Всем читателям блога SEOBID – доброго времени суток! Продолжая тему слайдеров на сайте, хочу сегодня рассказать о самых востребованных плагинах, предназначенных для организации слайд-шоу. Такие модули могут красиво выводить не только картинки, но и анонсы записей, аудио- или видеофайлы. Многим веб-мастерам, уверен, эта информация пригодится.
Плагин Coin Slider 4 WP
Это бесплатный слайдер для сайта , который умеет создавать галерею картинок с уникальными эффектами перехода популярных записей. Вы можете выбрать между тремя вариантами эффектов перехода: random, vortex и rain. Также в слайдере можно задать ширину, высоту, время задержки, количество отображаемых записей и т.д.
ТОП 3 лучших бесплатных слайдеров для WordPress
Многие веб-мастера говорят не «слайдер» а «карусель». Но слайдер мне больше по душе – этот термин отражает функциональную суть этого модуля — менять контент, как в обычном проекторе для показа фотографических слайдов. Плагин Coin Slider 4 WordPress имеет функцию создания области, в которой будут размещаться анонсы записей, выбирающихся в настройках модуля.
Топ 10 плагинов для WordPress Cайта. Рекомендации Профи!
Простой, но эффектный и эффективный wordpress слайдер новостей Coin Slider 4 WordPress выводит текст записи поверх картинки, используя полупрозрачную панель. Записи, которые анонсируются в слайдере, выбираются в консоли администратора, на странице настроек плагина. Настройки по умолчанию позволяют отображать последние 5 записей, но их число можно менять в любую сторону.
Размеры слайдера можно адаптировать к любому дизайну сайта, так как можно изменять его размеры по высоте и ширине. Между сменой слайдов устанавливается пауза – длительность показа картинки тоже изменяется в любую сторону — по умолчанию это 7 секунд. Слайды меняются в сопровождении красивых визуальных эффектов – их всего три в настройках плагина.
При подведении мышки к слайдеру слева и справа появляются кнопки перелистывания вперед или назад. Также между слайдами можно переключаться при помощи небольших кнопок-квадратиков, которые расположены внизу слайдера и при желании скрываются настройками плагина.
Nivo Slider для WordPress сайта
Главный принцип работы слайдера Nivo Slider — скрипт. Его используют еще несколько похожих слайдеров, но я советую вам установить wordpress слайдер картинок WordPress Nivo Slider for WordPress – он удобнее в настройках и встраивании на страницы сайта. Установка плагина стандартная, после чего Nivo Slider инициализируется на любой странице.
Для этого вам необходимо добавить код шаблон темы – туда, где вы хотите его видеть:
<?php if (function_exists('nivoslider4wp_show')) { nivoslider4wp_show(); } ?>Изображения для Nivo слайдера загружаются в панели администратора в настройках плагина. Можно вставить Nivo Slider на страницы сайта и по-другому – использованием конструкции <div id=»slider»></div>, внутри которой вписываются адреса картинок:
<div id="slider"> <img src="/img/image1.jpg"/> <img src="/img/image2.jpg"/> <img src="/img/image3.jpg"/> </div>Nivo слайдер умеет распознавать этот интерпретатор, и автоматически на него срабатывает, включая функцию слайдера изображений, находящихся внутри div id. Настройка Nivo Slider происходит в административной панели WordPress. Для плагина организована отдельная вкладка со всеми необходимыми настройками.
Здесь можно изменять эффектф смены картинок, размеры самого слайдера и еще много чего. Вкладка «Add/Edit image» предназначена для добавления изображений в слайдер. Также здесь вы сможете поверх слайда наложить любой текст и каждому слайду присвоить любую ссылку.
Content Slider от SlideDeck слайдер
Если вы сомневаетесь, какой плагина в качестве слайдера использовать на сайте и как установить слайдер на wordpress , то я советую вам Content Slider от SlideDeck слайдер. Из него можно сделать как слайдер изображений, так и слайдер контента. Весьма широкие настройки, возможность интеграции прямо в редакторе записей WordPress.
Дизайн слайдера можно изменять сменой тем оформления. Но что самое ценное в этом плагине – в каждую запись можно вставить свой слайдер. В Pro версии, стоимость которой 99 $, разработчики предусмотрели еще более широкие возможности, но для бесплатной версии вполне хватает и того, что плагин имеет.
Бесплатный слайдер SlideDeck позволит использовать не только текстовый или графический контент, но и вставлять в прокрутку аудио, видеофайлы, анимацию, графические символы и фигуры, и многое другое. Слайдер управляется не только скроллингом мыши, но и клавиатурой.
В Content Slider от SlideDeck слайдере организован отдельный виджет для сайдбаров — SlideDecks Widget BETA. Виджет появляется сразу после активации плагина в пункте админменю «Внешний вид» – «Виджеты». Так как сайдбары сайтов бывают не очень большими, разработчики советуют вставлять слайдер в виджеты подвала или шапки сайта.
Плагин слайдера Meteor Slides
Плагин слайдера для WordPress Meteor Slides в установке просто, легок в настройке, практически не нагружает сайт запросами и имеет довольно много функций для реализации всевозможных эффектов. В слайдере работает jQuery Cycle, поэтому он имеет более 20-ти самых разных визуальных эффектов смены картинок. Еще одно несомненное достоинство слайдера Meteor Slides – полная русификация.
Установка плагина ничем не отличается от инсталляции других плагинов. Бесплатный wordpress слайдер галерея Meteor Slides хорош тем, что в нем используются стандартные формы CMS WordPress для загрузки и редактирования изображений, что облегчает работу с ним, делает ее более удобной и привычной. Слайдшоу размещается на страницах сайта или в записях при помощи шорткода -[meteor_slideshow] или самой странице вставкоц следующего кода:
<?php if ( function_exists( 'meteor_slideshow' ) ) { meteor_slideshow(); } ?>Слайдер Meteor Slides подстраивается под любые размеры дисплеев мобильных устройств. Для настройки слайдера вы должны пользоваться всего 4-мя пунктами – «Слайды», включающий в себя список всех изображений, «Добавить новый», «Слайд шоу» — список всех слайдеров и «Настройки» — здесь можно указать размеры слайдера, количество отображаемых изображений, выбрать эффект смены картинок, навигацию и многое другое.
Плагин слайдера Slideshow Gallery
Любой слайдер предназначен не только для повышения функциональности сайта, но и для его украшения. Для этой цели предлагаю к рассмотрению слайдер галереи Slideshow Gallery. Плагин реализует галерею слайдшоу с возможностями обычного слайдера, организации слайдшоу, галереи и лайтбокса. Вы можете создать произвольную галерею, одиночный слайдер или объединить в слайдшоу все изображения из какой-то одной записи на ее странице. Размеры изображений подгоняются функцией timthumb.
В слайдере Slideshow Gallery можно настроить много параметров – размеры картинок, фоны слайдера, рамки слайдера и картинок и т.д. Слайдер можно организовать как с миниатюрами внизу, так и без них. Созданные галереи вызываются на страницах сайта при помощи шорткодов[slideshow]. При этом визуальном редакторе сайта появится кнопка плагина.
Для добавления можно использовать щорткод [slideshow], а именно — в визуальном редакторе WordPress появится новая кнопка слайдера. Также слайдшоу можно интегрировать в шаблон сайта на WordPress при помощи этого php кода:
<?php if (function_exists('slideshow')) { slideshow($output = true, $gallery_id = false, $post_id = false, $params = array()); } ?>Слайдер на плагине Slideshow Gallery можно сделать в одном из четырех вариантах:
Галерея картинок без миниатюр. Галерея изображений с миниатюрами внизу слайдера. Слайдер с миниатюрами вверху модуля. Галерея с изменением цвета фона слайдера.После того, как плагин установлен и активирован, рекомендуется (не всегда) настроить права на запись 777 для директории плагина /wp-content/uploads/slideshow-gallery – в ней плагин Slideshow Gallery сохраняет загруженные картинки.
TN3 Gallery слайдер
Слайдер на основе JQuery TN3 скрипта — это очень мощная фотогалерея JQuery, включающая в себя и плагин для CMS WordPress. Слайдер полностью совместим с декстопными и мобильными устройствами и браузерами. Встраивается при помощи шорткодов или организацией отдельной страницы.
В бесплатной версии основной недостаток – водяной знак разработчика, которого нет в версиях Pro. Стоимость Pro TN3 Gallery – 37 и 67 $, но при этом вы получаете неограниченные возможности, которых вам хватит для воплощения в жизнь любых идей.
Преимущества — эффекты перехода при смене картинок, возможность организации нескольких галерей и даже целых альбомов, создание видеогалерей и слайдеров. Также слайдер TN3 Gallery может работать с сервисами Flickr, Facebook и Picassa. Имеет 5 встроенных скинов. При встраивании в WordPress вы будете иметь отдельную админпанель плагина, возможность удобной сортировки по альбомом и галереям, множество настроек и возможность русификации в версии Pro.
Автоматическая обрезка изображений под любой, настроенный вами размер слайдера делает его эксплуатацию удобной и простой. И самое главное, чего нет во многих плагинах слайдеров – возможность разворачивания слайдера на весь экран.
WordPress Content Slide
Содержание слайдов в этом плагине используется, чтобы создать полностью настраиваемый jquery слайдер в любом месте на страницах вашего сайта WordPress. Настраиваемые параметры включают в себя организацию слайд-шоу, изменение размера слайдера, цвета фона, стилей оформления и многое другое.
Как включить слайдер в шаблон сайта на WordPress? Необходимо вставить в файл шаблона следующий код:
<!--?php if(function_exists('wp_content_slider')) { wp_content_slider(); } ?-->Код вставляется перед функцией вывода контента. В разных шаблонах эта функция может выглядеть по разному, но всегда примерно следующим образом:
<!--?php the_content(); ?-->Так как слайдер обычно нужен не на всех страницах сайта, то для вывода его на какой-то определенной странице веб-мастера используют следующий код:
<!--?php <br ?--> if(is_front_page()) { if(function_exists('wp_content_slider')) { wp_content_slider(); } } ?>Слайдер WordPress Content Slide можно встраивать и в сайдбар при помощи виджета. Для этого необходимо установить плагин Exec Php. Основной недостаток слайдера WordPress Content Slide – на основе этого плагина нельзя сделать несколько разных слайдеров с разными картинками. Зато можно использовать не только изображения из записей, но вообще любые неприкрепленные картинки в любом сочетании.
Плагин ISlidex для слайдера на WordPress
iSlidex WordPress – плагин для организации слайд-шоу. Он предназначен для отображения изображений, взятых из записей в определенной рубрике. Работа слайдера полностью автоматизирована. После того, как вы установите необходимое количество слайдов, размер картинок и вывод из любой рубрики, вы можете забыть о проблемах с iSlidex.
В настройках iSlidex можно организовать вывод красивых полупрозрачных заголовков, а также заголовков для каждой записи в слайдере. iSlidex имеет встроенный виджет, который может быть установлен независимо от главного слайдера. Слайдер виджета будет иметь те же настройки, что и настройки главного слайдера. В маленьких сайдбарах виджет слайдера может работать некорректно, поэтому его рекомендуется устанавливать или в больших сайдбарах, в подвале или в шапке сайта.
Каждое загруженное изображение и кэшируется автоматически, поэтому вам не придется беспокоиться о нагрузке на сервер или о ручном редактировании изображений. Кроме того, разработчики оптимизировали код для улучшения SEO, поэтому для каждого изображения вы можете вставить свой тэг alt и описание. Слайдер Islidex имеет несколько встроенных тем для организации любого слайд-шоу, соответствующего дизайну вашего сайта.
RoyalSlider
Слайдер контента (текст, изображения, HTML код) имеет 10 шаблонов дизайна, API, может поддерживать мобильные устройства. Недостаток у него один – слайдер платный. Правда, стоимость его не так уж и высока — всего 12 $. После приобретения платной версии все последующие версии и обновления – бесплатные. RoyalSlider поддерживает браузер IE10, который по умолчанию устанавливается в новой Win8.
RoyalSlider работает на jQuery. Галерея изображений и вывод контента может сопровождаться анимированными надписями. Модуль адаптирован к любым шаблонам, в том числе и мобильным. Для организации навигации используются символы табуляции или маркеры. RoyalSlider может работать не только как слайдер изображений – на нем можно сделать слайд-шоу, HTML контент-слайдер, галерею, ротатор баннеров, видеогалерею, карусель или презентацию. Разработан плагин с использованием HTML5 и CSS3.
Royal слайдер ориентирован на производительность, доступность, стабильность и обеспечивает хорошую работу с любым устройством для пользователя с любым опытом веб-программирования. Модульная архитектура слайдера позволяет исключить элементы, которые вам не нужны, что позволит оптимизировать его еще лучше.
Плагин слайдера vSlider
Плагин vSlider поддерживает визуальные эффекты при переходе от одного изображения к другому. В настройках слайдера есть возможность выбора вывода картинок, легкая настройка скорости смены изображений, изменение настроек визуальных эффектов, изменение вывода всплывающего анонса.
И основное – вы можете подключить отдельную категорию или вставить в слайдер подготовленные изображения, не прикрепленные к записи или рубрике. Слайдер имеет такие преимущества:
Поддержка неограниченного количества слайдеров изображений. Поддержка до 20 изображений в одном слайдере.Установка слайдера на основе плагина vSlider происходит добавлением php кода в файл шаблона темы. Чтобы добавить русифицированную версию плагина на сайт, нужно вставить такой код:
<?php if(function_exists(‘vSlider’)) { vSlider(); } ?>Чтобы вставить английскую версию слайдера на сайт, используются два варианта кода. Это шорткод для вставки в запись или страницу:
[vslider name=»abc»]
Php код для вставки в шаблон страницы или записи сайта на WordPress:
<?php if (function_exists('vslider')) { vslider('abc'); }?>И последнее – мой совет: не прописывайте названия изображений русскими буквами. Во-первых, эти названия могут отображаться на экране монитора в виде непонятных крокозябр, а во-вторых – не все плагины будут правильно определять адрес картинки. А значит, какой-то слайд может быть пустым.
На этом я заканчиваю обзор самых популярных плагинов для организации слайдеров на сайте WordPress. До встречи в следующих публикациях!