Meta Slider - бесплатный слайдер для WordPress
В данной статье я расскажу вам о плагине Meta Slider, который помогает организовать на вашем сайте любое количество слайдшоу с различными спецэффектами. Данный плагин я использовал уже не раз на клиентских сайтах, когда требуется простое бесплатное решение с хорошим функционалом.
Использовать слайдшоу Meta Slider вы можете как на главной странице, так и в любой записи, либо сайдбаре (боковой колонке сайта). Настройки до безобразия просты, а внедрение слайдера на сайт WordPress еще проще.
Сам плагин на английском языке. Я уже сел делать русскую локализацию, но понял, что это "сизоф труд", т.к. с обновлением Meta Slider может изменить функционал. Поэтому поясню самые основные моменты текстом и на скриншотах. А саму работу плагина можете посмотреть на странице http://www.metaslider.com/examples/.
Стоит заметить: даже если у вас уже в шаблоне установлено слайдшоу на Главной странице, вы можете с легкостью ставить данный плагин и использовать его в любой части сайта, что позволит добавить динамику в отдельные статьи, страницы, либо прорекламировать свой инфопродукт в сайдбаре.
Шаг 1: создаем первое слайдшоу
Ссылку на скачивание плагина найдете в конце статьи. После установки и активации, у вас в боковой колонке админки появится новый пункт
Кликаем по нему и попадаем на страницу, где сверху увидим такое
Нам предлагают создать свое первое слайдшоу, что мы и делаем, кликнув на +.
Если планируете делать несколько различных слайдеров для сайта, то можете кликнуть дважды по их названию и тогда появится возможность ввести свое название.
Шаг 2: загружаем картинки в слайдер
Теперь настало время загрузить картинки. Советую для каждого отдельного слайдшоу делать изображения одинакового размера по ширине и высоте. В помощь PhotoShop, либо моя любимая программа IrfanView. Одинаковый размер для одного набора картинок позволит их отображать так, как вы запланировали: без обрезания и искажений.
Нажимаем и добавляем картинки для выбранного слайдшоу. Сам процесс добавления стандартный для сайтов на WordPress. После этого появится вот такое:
Верхняя крайняя слева стрелка указывает на изображение. Если подведете на нее мышку, то в углу миниатюры появится X, который позволит удалить выбранной изображение.
Галка в поле New Window сделает так, что по клику на картинку выбранная ссылка откроется в новом окне. Остальное понятно из скриншота.
Если необходимо поменять очередность картинок, то достаточно навести курсор на миниатюру и "схватить" левой клавишей мыши, после чего перетащить в нужное место.
Шаг 3: настройка эффектов для слайдера
Справа идет блок настроек визуального оформления и эффектов слайдшоу на сайте. Блок длинный, поэтому будем разбирать по частям.
Чтобы вы не делали в выбранном слайдшоу, необходимо по окончании изменений его сохранить. Для этого используем кнопки Save, либо Save&Preview (сохранить и сразу посмотреть как будет выглядеть).
Под кнопками сохранения можно выбрать на основании какого скрипта должно работать наше слайдшоу. На выбор даются самые популярные. В зависимости от вашего выбора, снизу появится свой дальнейший блок настроек. Для примера остановимся на первом.
Обратите внимание, что ширину (width) и высоту (height) я задал ровно такую, какого размера у меня изображения. Вы ставите свои размеры. Красная стрелка показывает на поле эффекта, с которым будет отрабатывать слайдер на сайте.
В нашей бесплатной версии плагина Meta Slider эффектов не сильно много, но их достаточно, чтобы посетители вашего сайта положительно оценили ваш сайт. Кто хочет, может купить PRO версию Meta Slider за 19$ (ссылку увидите).
D этом блоке мы ставим галку, если нужны стрелки навигации влево и вправо (Arrows), а также можем спрятать нижнюю навигацию (Hidden), либо отображать её в виде точек
Для статьи или Главной удобно оставлять данную навигацию, а вот для рекламы инфопродуктов можно смело прятать.
Далее у нас идет блок Advanced Settings. Здесь мы можем точечно настроить стиль отображения: время задержки, чередование, направление и т.п. Можете смело поэкспериментировать, чтобы найти нужные для себя параметры. Если я начну описывать каждый, то статья будет невероятно длинной.
Шаг 4: внедряем созданный слайдер на сайт
Как все сделали и нажали сохранить, снизу находим вот такой блок
Мы можем внедрить слайдер на сайт при помощи шорткода, либо функции PHP. Шорткод удобно использовать в статье, а функцию прописывать в файл шаблона. Сами решаете как вам лучше сделать.
Обратите внимание, что в шорткоде и функции есть цифры, которые обозначают номер вашего слайдшоу.
Включаем шорткоды в стандартном виджете сайдбара Text
Кто хочет использовать слайдер в сайдбаре, но не включена возможность отработки шорткодов в виджетах, предлагаю вариант решения без плагина.
Открываем functions.php и сразу после открывающего <?php, на новой строке, вставляем следующее:
add_filter('widget_text', 'do_shortcode');
Теперь можете смело добавлять любой шорткод от любого плагина в виджеты.
Для тех, кто сомневается и боится
Если боитесь пробовать что-то новое, боитесь "поломки" сайта, то меняйте отношение к жизни. Ставьте смело Meta Slider: сайт он вам не "сломает". Для начала попробуйте все на стандартных настройках, а потом пробуйте менять эффекты и оформление.
Если вдруг плагин не захочет "работать", то убедитесь что у вас подключен jQuery, притом версии поновее. Если что, в помощь ПЛАГИН. Других проблем с активацией Meta Slider не наблюдал.
[downpg wp="3.5+" vp="2.3" href="http://wordpress.org/plugins/ml-slider/"]Скачать Meta Slider[/downpg]