Ротатор картинок для WordPress — плагин «Веселая карусель»

веселая карусель плагин

Здравствуйте друзья!

В последнее время уже несколько раз ко мне обращались с вопросом, какой плагин позволяет сделать ротатор картинок на сайте (для WordPress).

Сам я ротатор не использую, но людям то помочь надо. Иначе зачем я тогда сделал этот сайт.

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

Это плагин для WordPress — «Веселая карусель».

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

Пример работы плагина можно посмотреть здесь.

Это очень удобно.


А теперь давайте разберемся, где его взять и как установить и настроить.

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

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

Кому интересно, на той же страничке может прочитать историю создания плагина.

А кому не интересно — можно просто скачать плагин по этой ссылке.

Устанавливается плагин стандартно методом переноса папки с файлами в папку plugins/ вашего сайта. Подробнее о способах установки плагинов на движок WordPress можно прочитать в этой статье.

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

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

Теперь заходим в админ панель нашего сайта. В самом низу главной панели инструментов появился пункт «RC Plugins» (там еще забавный значок гамбургера). Вот туда и заходим.

Мы попадаем в панель настроек плагина.

карусель настройка

А теперь по порядку.

Первое поле: «Искать картинки в папке». В нем записан путь к папке, в которой будут храниться картинки. По умолчанию он предлагает нам название папки, но тут же пишет, что ее не существует. Нужно ее создать.

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

Следующее поле — размер картинки. Задаем размер картинки в пикселях. А теперь важный момент.

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

Следующая настройка — имя картинки. Здесь есть несколько вариантов именования картинки, чтобы она привязалась к определенному посту.

  1. Первый вариант — slug.jpg. Это означает, что для имени картинки вы должны будете прописать тот текст, который служит ссылкой на страницу со статьей. Можно посмотреть его в адресной строке браузера.
    То есть, если я хочу, чтобы картинка ссылалась на эту страницу, то я должен дать картинке имя: «rotator-kartinok-dlya-wordpress-plagin-veselaya-karusel.jpg»
  2. карусель настройка2

  3. Второй вариант — post_id.jpg. Это для тех, кто не использует ЧПУ. Как? Разве Вы еще не используете ЧПУ? Я очень расстроен. На днях напишу про это. А то очень много молодых сайтов до сих пор сидят без ЧПУ. А это одна из важнейших ошибок. Читайте об этом в моей книге «Ошибки начинающего веб-мастера».
    Короче. Это просто ID номер статьи, на которую должна ссылаться картинка. Для этой статьи картинка называлась бы: «377.jpg»
  4. карусель настройка1

  5. Третью настройку адресации ссылки я так и не понял. Ну да ладно. Первых двух вполне достаточно.

Следующая настройка — «Добавить к CSS». Тут можно добавить стилевое оформление для ротатора. Чтобы не копаться в стилевых файлах. Можно прямо в это поле прописать все стили.

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

После изменения настроек не забываем сохранять их.

3. Вставка кода ротатора на сайт.

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

Для этого в нужном месте html-кода нашего сайта вставляем следующий код:

<?php if(is_object($rctiny)) $rctiny->show();?>

Иногда это не помогает, тогда вставляем вот такой код:

<?php global $rctiny; if(is_object($rctiny)) $rctiny->show();?>

Вот и все. Теперь у Вас на сайте есть стильный ротатор.

Обновления блога:

Вы еще не читаете нашу ?
Тогда получайте новые статьи на E-mail:
Моя статья помогла Вам? Это хорошо! Теперь не нужно жадничать - поделитесь этой статьей с друзьями в социальных сетях.
Хотите быть в курсе того, что происходит на сайте? Читайте меня в Твиттере.

Комментарии к статье:
"Ротатор картинок для WordPress — плагин «Веселая карусель»"

  1. здорово, непременно попробую поставить!

  2. А  если у меня тема уже с таким слайдером картинок шла, нужно ставить этот плагин. Я просто в настройках темы не разобрался с этим слайдером. Может его просто отключить и поставить этот плагин!? И можно ли сделать, чтобы просто картинки менялись без подписей и статей!??

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

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

      Удачи! ;)

  3. Юрий

    Добрый день!

    У меня резиновая тема сайта, можно как то размер картинок задавать не в пикселях, а в процентах?

    • Здравствуйте, Юрий!

      Я точно не помню... У меня уже давно не стоит это плагин, но вроде нельзя :(