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

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

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

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

Рассмотрим на конкретном примере, как без особого труда и довольно быстро установить слайдер в шапку сайта WordPress.

Подготовка шаблона

Рассмотрим реализацию данного проекта на примере шаблона WordPress « Twenty Thirteen», который уже предустановлен по умолчанию в системе.

В нашем случае, устанавливая слайдер в шапке сайта, для начала необходимо скрыть эту самую шапку, вместо которой мы хотим установить наше слайд-шоу. В этом нам поможет функция «просмотр кода элемента » имеющаяся в Google Chrome и в других популярных браузерах. Для вызова функции щелкните правой клавишей мыши по шапке страницы и в открывшемся контекстном меню выберите "Просмотр кода элемента ". Во время наведения курсора компьютерной мыши на код, можно увидеть подсветку элементов, за которые этот код отвечает, и, таким образом, находим необходимые строчки кода.

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

Воспользуемся функционалом WordPress Content Slide для установки слайдера в «шапке» темы. Для установки и активации Content Slide используйте стандартную функцию WordPress поиска и установки плагинов или скачайте последнюю версию с его страницы по адресу - wordpress.org/plugins/content-slide/ . ВНИМАНИЕ! В настоящее время архив плагина недоступен для скачивания, автору письмо отправил, но тот пока молчит. На моем сервере он присутствует, скачать плагин WordPress content-slide можно по ссылке.

Перед выполнением работ по настройке плагина, необходимо поместить его код вызова в то место, куда хотим установить слайдер. Код находится в файле «README», который в свою очередь "сидит" в папке установленного плагина.

Откройте файл текстовым редактором и из мануала по установке скопируйте сам код.

Чтобы облегчить вам жизнь, привожу этот код ниже:

& lt; ?php if (function_exists ("wp_content_slider" ) ) { wp_content_slider() ; } & gt;

< ?php if(function_exists("wp_content_slider")) { wp_content_slider(); } >

Установим код слайдера в шапке сайта WordPress перед закомментированным кодом шапки темы.

Теперь можно приступить к настройке Content Slide.

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

Основные настройки Content Slide

1 Image width - ширина изображений (в пикселях) height - высота
Border width - толщина рамки (если поставить нулевое значение, рамки вообще не будет) Border Color - цвет рамки
Font family - шрифт текста описания
Text font size - размер шрифта текста Text color - цвет шрифта текста
Heading font size - размер шрифта заголовка Heading color - цвет шрифта заголовка
Background color - цвет фона

Эффекты и настройки анимации Content Slide

7 Squares per width - пропорции эффектов анимации по ширине Squares per height - пропорции эффектов анимации по высоте
Delay between images in ms - время задержки смены изображений в мил.сек. Delay beetwen squares in ms - время задержки панели навигации в мил.сек.
O pacity of title and navigation – непрозрачность заголовка и элементов навигации
Speed of title appereance in ms – скорость смены заголовка
Effect - эффект:
  • random - случайный;
  • swirl - вихрь;
  • rain - дождь;
  • straight - перелистывание;
  • fade - выцветание.
Mouse Over Pause (Stop Animation on mouseover) - остановить анимацию наведением курсора мыши?
Navigation Previous/Next (Previous/Next buttons on image) - кнопки навигации (предыдущий/следующий)
Navigation Buttons (Square buttons at bottom) - кнопки навигации быстрого перехода по слайдам
Navigation Buttons Color (Square buttons at bottom) - цвет кнопок навигации

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

16 Display Heading and Text? - выводить заголовок и описание? No. of chars - количество символов в описании
Open Images/Links In New Window? - по клику открывать ссылку слайдера в новом окне?
Order Images Randomally - показывать изображения в случайном порядке
Use custom images? - использовать собственные изображения? Yes, Custom Images - да, собственные изображения
Number of custom Images – число собственных изображений
CustomImage 1 - первое собственное изображение
  • Image 1 SRC - адрес изображения;
  • Image 1 Link - ссылка слайда;
  • Image 1Heading - заголовок;
  • Image 1 Text - описание.
No, Using Posts from a Category - нет, использовать миниатюры постов из выбранных категорий
Select a Category - выбрать категорию
No. Of posts/images - количество постов/изображений

Ну вот и все, с настройками Content Slide покончено, не забудьте сохранить изменения.

И по завершении проделанной работы, моя главная страница выглядит так:

На картинке эффекта анимации, конечно, не увидеть, но можете быть уверены, эффект потрясающий.

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

Установка слайдера на сайт WordPress позволит наглядно продемонстрировать содержание интернет-ресурса, удерживая посетителей как можно дольше на страницах проекта, или привлечь его внимание к своим или партнерским продуктам, увеличивая продажи. Желаю удачи!

Обновлено: Июнь 18, 2017 автором: Роман Ваховский

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

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

Meta Slider

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

Стоимость: Бесплатно

Slider Revolution

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

Стоимость: $19

Mega Slider

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

Стоимость: $18

Hero Slider

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

Стоимость: $18

Soliloquy

Soliloquy это ещё один качественный слайдер для WordPress . Настраивать плагин настолько просто, что даже неопытные пользователи сразу же с ним разберутся.

Стоимость: от $19

Accordion Slider

Accordion Sliders имеет полностью адаптивный, впечатляюще стильный дизайн. Слайдер очень удобный для отображения изображений. Плагин хорошо SEO оптимизирован, быстро работает и загружается по технологии «ленивая загрузка».

Стоимость: $21

Smart Slider 2

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

Стоимость: Бесплатно (есть версия PRO)

Slider Pro

Slider Pro - полнофункциональный премиум плагин с полным набором возможностей по добавлению и настройке слайдера на WordPress сайт.

Стоимость: $29

All Around

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

Стоимость: $18

Master Slider

Master Slider это один из наиболее популярных слайдеров на WordPress. Имеет полностью адаптивный дизайн , хорошо оптимизирован и содержит более 25 для упрощённой настройки. Слайдер умеет отображать контент любого типа, также можно добавить видео на фон .

Стоимость: $20

Cloud Slider

Cloud Slider полностью адаптивный WordPress слайдер с 18 разными темами, которые можно легко настроить под свой сайт. С этим плагином вы сможете создать слайдер любого типа.

Стоимость: $18

Smooth Slider

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

Стоимость: Бесплатно

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

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

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

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

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 — это плагин Meta Slider. Это плагин слайдер для WordPress, с помощью которого вы сможете быстро и просто организовать на страницах вашего сайта слайдер или слайдшоу. Приятным бонусом будет возможность выбора различных вариантов слайдера, его простая настройка, а также адаптивность из коробки.

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

Есть ли плагин слайдера для WordPress? Есть и плагинов таких — огромное количество, выбирай — не хочу

Могу порекомендовать остановить свой выбор на плагине Meta Slider, который я упоминал выше. Начнем с того, что установив этот плагин вы в результате получите не один вариант слайдера, а сразу четыре популярных на данный момент слайдера:

Впечатляет, не правда ли? Давайте переходить от слов к делу. Установим плагин Meta Slider и посмотрим, как же просто производится настройка слайдера с этим плагином WordPress. Итак, идем в меню добавления новых плагинов и ищем плагин слайдшоу по запросу meta slider.

Устанавливаем и активируем найденный плагин слайдер — Meta Slider. После установки в меню вы увидите новый раздел, название которого совпадает с названием плагина.

Из названий пунктов меню понятно, что плагин предлагается в двух версиях: бесплатной и PRO. Можно предположить, что платная версия имеет больше настроек, но, на мой взгляд, настроек в бесплатной версии слайдера более чем достаточно. Большим преимуществом платной версии является поддержка видео слайдов с сервисов YouTube и Vimeo, так что если вам необходим подобный функционал, тогда стоит задуматься над приобретением платной версии плагина.

Переходим на главную страницу плагина, где нам предлагают создать первое слайдшоу.

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

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

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

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

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

Кроме того, плагин можно вставить даже в шаблон, например в шапку вашего сайта (шаблон header.php). Необходимый код для вставки в шаблон мы можем взять во вкладке Вставка в шаблон.

Итак, копируем предлагаемый шорткод и вставляем его в выбранную статью. Результат отличный, в статье появился работающий слайдер и его реализация заняла считанные минуты.

Вот, собственно, и все. Экспериментируйте с настройками слайдера, чтобы получить удачное решение под дизайн вашего сайта. Удачи!



Понравилась статья? Поделиться с друзьями: