Как сделать красивый слайдер картинок на WordPress и Joomla
Недавно задумал сделать на своем блоге слайдер картинок с анекдотами, смешными фразами на компьютерную тематику для увеличения качества поведенческих факторов.
Т.е. посетитель будет листать слайдер и таким образом увеличится время нахождения его на сайте, а это, в свою очередь, положительно скажется на продвижении в поисковых системах.
Перелопатил много плагинов, некоторые из них мне не понравились, а другие просто не подошли (выбивали ошибку или неправильно отображались в браузере).
Случайно нашел программу для компьютера, которая создает слайдер в виде плагина для вордпресс.
Создание слайдера в программе WOWSlider
1. Скачиваем, устанавливаем и запускаем программу WOWSlider.
2. Кликаем по зеленому крестику, находим и добавляем подготовленные заранее картинки.
3. Затем кликаем по гаечному ключу и переходим в свойства слайдера. В них выбираем тему, разрешение (желательно такое как и у картинок), задержку, переходы между слайдами и т.д.
4. После ввода всех настроек кликаем Опубликовать => Опубликовать в папку чтобы сразу увидеть результат. Если слайдер нас устраивает — ставим галочку на WordPress и публикуем.
Открываем архив, заходим в папку Install => Images, открываем любую картинку и видим знак копирайта программы WOWSlider. Меня его присутствие не очень радует, так что будем удалять этот копирайт.
Удаление копирайта программы WOWSlider
1. Сначала заменим картинки. Для этого достаточно просто перетянуть их в архив с заменой.
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. Радуемся результату!