Установка слайдера фотографий на сайт

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

Практическая работа по поиску и установке плагина слайдера

  1. Руководствуясь предыдущей записью попробуйте найти список плагинов реализующих функционал слайдера для вашего сайта.Слайдер — это некий блок в котором, как правило, по средствам технологии JavaScript динамически в вертикальном или горизонтальном направлении  меняется содержимое в виде фотографий или иного контента. Слайдеры могут иметь и прочие виды эффектов для смены картинок. Они не только украшают страницу, но и прекрасно сосредотачивают на себе внимание, а следовательно могут служить в маркетинговых целях.
  2. После реализации поиска, остановить свой выбор на том или ином продукте и аргументируйте свой выбор.
  3. Установите плагин в систему, активируйте его.
  4. Постарайтесь исследовать главное меню панели управления на наличие незнакомых ссылок, именно они будут относится к настройкам и управлению плагином. Это касается и области виджетов, где среди привычных и доступных виджетов может показаться виджет реализующий функции вновь установленного плагина.
  5. Заполните слайдер и осуществите вывод его на страницах вашего сайта или в доступной области с помощью виджетов.

Слайдер

Решение задачи

Следуем в раздел плагинов и с помощью ключевого слова Slider осуществляем поиск и принадлежность искомого к нужному

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

Поиск слайдера

Будем наше решение при выборе плагина на чем то основывать, а именно:

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

На самом деле достойных решений очень много, например, плагин «Master Slider — Responsive Touch Slider», с платной версией которого мне доводилось встречаться на практике. Но выбор в рамках данной статьи остановим на этом продукте:

Слайдер

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

Настройки плагина

Все что от нас требуется это создать новый слайдер и заполнить его фото-слайдами. Выглядеть это будет примерно так:

Создание слайдера

Рекомендую так же обратить внимание и поэкспериментировать с доступными настройками  плагина в правой части рабочей области.

Настройки плагина

Вывод и использование слайдера

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

С помощью шорткода

Шорткод

Ниже блока настроек вы увидите блок «Использование» в котором в квадратные скобки заключен специальный код вызывающий функционал данного плагина и конкретно тот слайдер id которого указан.

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

С помощью визуального редактора

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

Визуальный редактор

С помощью виджета

Обратите внимание, что плагин реализует еще и возможность использовать себе через виджеты. Для этого вам необходимо перейти в раздел виджетов и переместить в ту или иную доступную область виджет плагина слайдера и выбрать необходимый слайдер для представления

Виджеты

One thought on “Установка слайдера фотографий на сайт

  1. Евгений сказал:

    вставить в страницу — заморочек нет. Как слайд фоном сделать?…

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *