Медиа

TouchCarousel — универсальный карусель слайдер

Привет. На повестке сегодняшнего дня еще один симпатичный и удобный слайдер — карусель. TouchCarousel — Posts Content Slider for WordPress — за этим довольно длинным названием прячется именно тот слайдер который мне так был необходим в одном из проектов. Давайте посмотрим, что он из себя представляет и что умеет.

TouchCarousel — гибко и в тоже время, очень просто настраиваемый WordPress слайдер, предназначенный, как мне видится, не столько в качестве основного для главной страницы сайта, а скорее для вставки в отдельные записи, страницы, сайдбары, футеры. Хотя в принципе, ничего не мешает вывести его и в качестве основного слайдера на главной. Лично мне в свое время, он был необходим именно для вывода контента (записей) в сайдбаре строго по рубрикам. И со своей задачей он прекрасно справился.

Давайте перечислим основные возможности и достоинства TouchCarousel

  • Выводит как картинки так и записи с гиперлинками.
  • Перелистывание слайдов возможно как автоматически, так и просто движением мышки (Mouse drag navigation).
  • Слайдер имеет четыре заготовленных заранее формы и пять скинов оформления.
  • Кроме этого вы легко можете создать свою собственную форму используя CSS. Для тех кто не знаком с этим делом, можно просто изменить параметры в одном их заготовленных вариантов и сохранить их как свой.

Установка плагина

Стандартная для премиум плагина установка. Скачал и залил на сервер через FTP или просто загрузить и активировать заранее скачанный плагин из админки в меню плагинов.

Описание и настройки

После установки в меню админки появится пункт TouchCarousel с единственной страницей — списком всех ваших будущих слайдеров. Создаем вверху страницы новый слайдер — Add New и сразу переходим к его настройкам.

Задаем будущее имя.

Post type — выбираем целевые слайды показа. Категория, отдельные посты или страницы порфолио.

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

Max posts to include – максимальное количество картинок для показа в слайдере.

Carousel item layout type:

Всего представлено четыре типа заранее заготовленных форм слайдера

Полная картинка с заголовком внизу 620×350

TouchCarousel-1

Картинка с текстом 620×270

TouchCarousel-2

Маленькая картинка с  заголовками 226×70

TouchCarousel-3

И просто маленькая квадратная картинка с заголовком 170×170

TouchCarousel-4

Есть еще последний тип предназначенный для собственного варианта.

Внизу есть два окна Item layout HTML и Item layout CSS в которых вы можете легко внести любые правки и дополнительные настройки.

Справа находится панель General Options с множеством мелких настроек для созданного слайдера.

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

Для вставки слайдера в текстовый виджет в сайдбаре не забудьте поставить галочку в чекбоксе Preload files в General Options.

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

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

Подробное видео с примерами.

Похожие

6 Комментов

  1. Большое спасибо за описание такого замечательного плагина!! Мне как раз надо ставить карусельку с проффесорами в сайдбаре на главной.

  2. Здравствуйте ситуация такая 20 проффесоров а на главной в сайдбаре надо чтоб проигровалось 5 человек и при каждой перезагрузке страницы новые ученные т.е. надо в рандомном порядке выбирать проффесоров. Это возможно?

    1. Судя по описанию автора можно несколько на странице.
      «Multiple carousels per page is allowed.»

      Другой момент, про css и что то про тормоза настораживает в комментах разработчика)) Хотя я не вникал.

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

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

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.

Back to top button