Image Thumbnail Slider | добавит на сайт карусель изображений

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

Практически на каждом сайте WordPress владелец сайта хочет иметь слайдер. Почему? Наверное потому, что во-первых, это красиво и добавляет сайту привлекательности.

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

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

Например, вам захочется вывести 20 файлов изображений в одной записи. Без слайдера фотогалереи сделать это практически — нереально, получится много снимков на странице, страница станет «тяжелой» и будет медленно открываться.

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

image-sliderЭта карусель также неплохо использовать не только внутри одной записи или страницы.

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

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

Сегодня я познакомлю вас с бесплатным плагином WordPress под названием — Image Thumbnail Slider — который выводит карусель изображений в любом месте вашего сайта: в записи, странице или виджете.

Минусы этого плагина:

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

К плюсам этого плагина я отнесу:

  • Код карусели можно добавить внутри записи, страницы, виджета в Сайдбаре
  • Код добавляется в записи, страницы и виджеты с помощью короткого кода (shortcodes)
  • Код можно вставить в файлы PHP
Советую прочитать еще:  WordPress 3.8 - увеличиваем количество цветовых схем в консоли администратора

Я не стал переводить плагин, так как он не имеет специального кода локализации, а это значит, что мой перевод пропадет сразу, как только вы обновите плагин.

Я знаю автора плагина. У него очень много своих авторских плагинов. Всего его плагины WordPress имеют бесплатную и платную версии. У этого плагина есть платная версия, но я ее не изучал, поэтому рассказывать о платном варианте — не буду.

Скачать бесплатный плагин Image Thumbnail Slider можно в официальной Библиотеке WordPress — http://wordpress.org/plugins/images-thumbnail-sliderv1

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

Главное, на что надо обратить внимание в ходе настроек:

1. Размеры изображений и количество для показа в видимой части карусели.

Размеры карусели зависят от размеров того места, где вы собираетесь ее выводить. От этого зависит количество и размеры миниатюр в карусели. Например, я попробовал настроить плагин у себя на локальном сервере и у меня получилось так:

image-slider2

После активации плагина в консоли администратора появится новый раздел — Thumbnail Slider.

В нем — три страницы:

  • Настроек
  • Управления
  • Превью

На странице настроек вы задаете основные параметры карусели:

  • Размеры миниатюр
  • Количество миниатюр в видимой части
  • Скорость автопрокрутки
  • Пауза при наведении мыши
  • Цвет фона под миниатюрами

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

Самое важное на этой странице — пример короткого кода и кода PHP для вставки карусели.

Важно! Короткий код надо добавлять НЕ в режиме визуального редактора, а в режиме Текст.

Советую прочитать еще:  Плагин Ultimate Coming Soon - создайте страницу начала нового проекта на Wordpress

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

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

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

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