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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

image-slider2

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

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

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

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

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

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

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

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

Советую прочитать еще:  Как правильно редактировать файл стилей CSS активной темы WordPress

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

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

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

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