Easing Slider "Lite"
Easing Slider Lite это очень простой и легко настраиваемый плагин слайдера. И именно в его простоте заключается его преимущество над кучей других подобных плагинов в репозитории. Установили плагин, залили картинки, вставили нужный код в шаблон или запись – все, слайдер готов. И никакой головной боли по поводу тысяч ненужных настроек. Правда в такой простоте есть и недостаток – плагин реализует лишь один слайдер на сайте (платный вариант плагина не ограничивает количество слайдеров).
Скачиваем плагин по ссылке в конце страницы и устанавливаем его:
1 Распаковываем архив.
2 Копируем папку easing-slider в /wp-content/plugins/.
3 Заходим в админку блога на вкладку "Плагины" и активируем плагин.
Плагин создает свое собственное меню "Slideshow". Для создания и редактирования слайдера вам надо зайти в "Slideshow\Edit Slideshow". Чтобы добавить картинки в слайдер достаточно кликнуть на кнопку "Add Images":
Откроется стандартная медиа-библиотека WordPress, в которой вы легко сможете добавить или выбрать для использования уже залитые картинки. После добавления картинок в слайдер надо их настроить, для этого просто кликните на нужную картинку и откроется вот такое диалоговое окно:
Указываем ссылку и атрибуты картинки (необязательные).
Собственно, на этом все – чтобы вывести слайдер достаточно вставить в код записи или страницы (в html-режиме редактора) шорткод:
[easingsliderlite] |
Если выводить слайдер в записи или на странице вам неудобно, то его можно вывести и через вставку этого php-кода в нужном файле шаблона:
<?php if (function_exists("easingsliderlite") ) {easingsliderlite();} ?> |
Чтобы вывести слайдер только на главной странице сайта измените код на:
<?php if(is_front_page() && !is_paged()) { if (function_exists("easingsliderlite")) {easingsliderlite();} } ?> |
Вот так просто можно за 5 минут вставить на ваш сайт вполне приличный слайдер. Но можно чуть-чуть поколдовать с настройками слайдера, если вид слайдера по умолчанию вас не совсем устраивает. Самое главное, что вам надо изменить – это размеры картинок:
Однако помните, что указывать стоит размеры, которые равны или хотя бы приближены к размерам всех картинок в слайдере. Плагин может увеличить или уменьшить размеры картинки, но при этом он будет соблюдать изначальные пропорции картинки. Если выразиться по-простому – квадратную картинку плагин не сделает прямоугольной, он ее просто обрежет примерно так:
Как можно увидеть из скриншота плагин просто обрезал верх и низ картинки, чтобы подогнать ее под указанный размер. Если в настройках плагина запретить изменять размеры картинок (делается это в "Slideshow\Settings\Image Resizing"), то плагин не будет обрезать картинку, а покажет столько, сколько уместится в указанном размере:
Вывод прост – вставляйте в слайдер картинки одинакового размера, уже подогнанные под нужный размер, тогда и никаких проблем с обрезкой или изменением размеров картинок не будет в принципе.
Следующий пункт настройки слайдера касается эффектов смены картинок:
В бесплатной версии плагина есть только два эффекта смены картинок - Slide и Fade. Последний эффект смотрится не слишком красиво, а поэтому выбора у вас особо нет - оставляйте Slide. Еще можно указать время смены картинок (в миллисекундах), но опять же – значение по умолчанию вполне универсально и подходит практически всем.
Следующий пункт настроек касается стрелок слайдера:
По умолчанию стрелки выводятся внутри, при желании можно их отключить вообще (Arrows ставим Disable), показывать только при наведении на слайдер мышки (On Hover в True) и выводить их вне слайдера (Position в Outside).
По аналогии со стрелками можно настроить и иконки, указывающие на конкретные картинки в слайдере:
Можно отключить эти иконки вообще (Pagination ставим Disable), показывать их только при наведении мышки (On Hover в True) и сменить их позицию (редактируя пункт Position).
Последний пункт настроек касается автопроигрывания слайдера:
Тут менять стоит разве что только паузу, так как отключать автопроигрывание слайдера не имеет смысла – зачем тогда он вообще нужен?
Еще несколько настроек вида слайдера можно найти в "Slideshow\Customize", но, по сути, там можно лишь визуально изменить некоторые css настройки вида слайдера (размеры иконок, стрелок и т.д.). На мой взгляд, этот плагин силен именно своей простотой и углубляться в такие дебри не стоит.
При желании никто не мешает вам купить Pro версию плагина, которая поддерживает неограниченное количество слайдеров, вывод видео в качестве слайдов, html-подписи и многое другое. Более подробно смотрите здесь.
Информация о плагине в репозитории wordpress.org не найдена. Или wordpress.org в данный момент недоступен или плагин был временно удален из репозитория (например, из-за найденной критической ошибки в плагине). Попробуйте найти плагин в репозитории вручную.
Понравился пост? Подпишись на обновления по RSS или Twitter !
Mydesignclub.info mydesignclub.info | 1k.com.ua 1k.com.ua |
#21,
не, ну а как я буду тестить?
ща установил этот шаблон, но куда вы там пытались впихнуть слайдер мне неясно. куда я должен слайдер вставлять? загадка. шапка вещь субъективная, я понятия не имею где вы хотите, чтобы слайдер располагался и как именно он неправильно вставляется.
#22,
В хедер.пхп - перед (без точек :) ) в самый конец в общем то.
Перед этим желательно установить высоту шапки - однако это не главное, вправо все равно не хочетс ....
#23,
перед .../head...
#24,
не разобрался.
слишком мудренный шаблон.
там очевидно, что слайдеру места не хватает, потому что шапка построена на полном вытягивании на всю доступную ширину. ограничить ширину так сходу я не нашел способа, слишком уж там через жопу все сделано.
#25,
Как его вывести в Whydowork Adsense?
Ни шорт кодом, естественно и пхп тоже не хочет :(
#26,
извините, а на кой черт его выводить через плагин, который совершенно для этого не предназначен?
#27,
посоветуйте пожалуйста как вывести данный слайдер внизу страницы (footer) чтобы он появлялся не только на главной, но и на всех страницах сайта (footere). Так как я вставил внизу страницы сайта (на главной выводится данный слайдер,а на остальных страницах сайта его нету).
#28,
а в чем проблема? то, что вставляется в футере - выводится везде. так же, как и в хидере и сайдбаре.
#29,
наоборот не выводится везде! А выводится лишь на главной страницы только! только захочу перейти в какую нибудь категорию или статью слайдера нет footere
#30,
вы статью внимательно прочитайте - правильный код используете? первый, чтобы вывести слайдер везде, второй - только на главной странице.
#31,
подскажите пожалуйста. слайдер вставила но хочу чтоб между ним и новыми темами ниже был небольшой пробел. а там все впритык. как это сделать? что прописать?
слайд прописала в заголовок
#32,
ну можно в css прописать отступ снизу. а можно вставить парочку <br \> тегов после вызова функции слайдера, так проще всего.
#33,
спасибо.
а не подскажете еще одно...
я его отцентровала, но если присмотреться, то справа он четко над виджетами, а с лева не доходит до начала записей. если картинку сделать больше, то справа начинает вылазить... вроди мелочь, а меня бесит...
это вообще можно подправить?
#34,
вообще-то - он у вас точно по центру, а точнее по центру хидера. но центрировать вы хотите по контенту, а не по хидеру, это понятно. просто заменить теги <center> на дивы:
ну и поиграйтесь значением margin-left - сдвинуть слайдер можно в любую сторону (отрицательные значения тоже можно указывать).
#35,
класс!!! спасибо большое!!
#36,
А если надо в одну и ту же запись вставить разные слайдеры? Это возможно?
#37,
бесплатная версия плагина дает возможность устанавливать только один слайдер. так что или ищите другой плагин слайдера (их навалом разных), либо покупайте премиум версия плагина (уверен, что можно найти и варезный вариант - но где я не подскажу).
#38,
Хороший плагин. Если в кодах вообще ничего не понимаешь, а хочешь сделать слайдер на своём сайте, то этот плагин будет отличным решением.