Как сделать красивый слайдер картинок на WordPress и Joomla

Главная   »   Работа с фото   »   Вы здесь

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

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

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

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

Создание слайдера в программе WOWSlider

1. Скачиваем, устанавливаем и запускаем программу WOWSlider.

2. Кликаем по зеленому крестику, находим и добавляем подготовленные заранее картинки.

1

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

2

3

4. После ввода всех настроек кликаем Опубликовать => Опубликовать в папку чтобы сразу увидеть результат. Если слайдер нас устраивает — ставим галочку на WordPress  и публикуем.

4

Открываем архив, заходим в папку Install => Images, открываем любую картинку и видим знак копирайта программы WOWSlider. Меня его присутствие не очень радует, так что будем удалять этот копирайт.

Удаление копирайта программы WOWSlider

1. Сначала заменим картинки. Для этого достаточно просто перетянуть их в архив с заменой.

5

2. В папке Install находим, открываем файл script.js и удаляем вот эту строчку:

if(U){U.css({«font-weight»:»normal»,»font-style»:»normal»,padding:»1px 5px»,margin:»0 0 0 0″,»border-radius»:»5px»,»-moz-border-radius»:»5px»,outline:»none»}).attr({href:»http://»+d.toLowerCase()}).html(d). bind(«contextmenu»,function(c){return false}).show().appendTo(aj||document.body).attr(«target»,»_blank»)}

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

1. Устанавливаем и активируем слайдер как обычный плагин. Внизу слева должна появиться надпись WOW Slider, кликаем All Sliders.

2. Копируем Shortcode и вставляем в нужное место своего сайта (в моем случае это правый виджет).

3. Радуемся результату!

Очень плохоПлохоНормальноХорошоОтлично (1 проголосовавших, средняя оценка: 5,00)
Загрузка...

6 комментариев к “Как сделать красивый слайдер картинок на WordPress и Joomla”

  • Lena 22.08.2014 в 3:25 пп

    Какая удача, что попала на Ваш сайт и нашла интересную статью. Спасибо

    • Роман Авдеев 23.08.2014 в 9:31 дп

      Lena, пожалуйста 😉

  • Наталья 23.09.2014 в 7:03 пп

    Симпатично у вас получилось! Аж руки зачесались сделать что-то подобное, только времени нет… сайт свой давно забросила, работаю оффлайн… Как брошу работу — попробую слайдер создать. Смущает только что это ПЛАГИН, Сайт итак перенагружен всякой фигней (( У меня стоит анимашка из картинок пока с разными стилями бонсай по теме моего блога тоже в виджете.

    • Роман Авдеев 23.09.2014 в 8:44 пп

      Наталья, рад, что вам понравилось. В этой программе слайдер можно сохранить не только в виде плагина для вордпресс или джумла, а как простую html страничку.

  • Людмила Лао 16.01.2015 в 10:44 пп

    я так понимаю плагин исключительно под картинки? текст не сделать в таком ключе?

    • Роман Авдеев 16.01.2015 в 11:02 пп

      Людмила, я уже и не помню если честно…

Написать комментарий