Адаптивный слайдер плагин вордпресс. Выбор лучшего слайдера для WordPress. Анимированное CSS3 меню «Makisu»

Давайте разберемся что за что отвечает:

scrollamount=»3″ — здесь можете поставить число от 1 до 10, оно отвечает за скорость прокрутки (смены) Ваших слайдов (картинок)

hspace=»10″ — расстояние (в пикселях) от правого и левого края, сюда же можете добавить еще один схожий код, а именно vspace=»10″, который указывает на расстояние сверху и снизу.

direction=»up» — между кавычками можно вписать down, left, right — это направлении движения Вашего слайдера, т.е. откуда и куда будут выходить слайды.

width=»250″ height=»250″ — тут все просто. Это размер поля вывода слайдов. Подбирается экспериментальным путем.

Как видите, этих кусочков, которые выводят картинки у меня четыре штуки. Вы их можете добавить сколь угодно.

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

На этот слайдер » я повесил» те бесплатности, которые я раздаю на своем блоге, а именно:

1. Курс «Блог своими руками: Начало»
2. «7 Величайших обманов сетевого маркетинга»
3. Запись моего вебинара: «Эффективный блог — легко»
4. «Секретные фишки популярного блога»

Т.е. если бы не слайдер, мне бы пришлось бы размещать все эти слайды (изображения) в сайдбар, выделив каждому свободное место, что накладно.

Куда ставить код на блоге?

Вопрос вполне резонный. Как куда? Туда где он Вам нужен. Если он Вам нужен в сайдбаре, то Вам необходимо пройти в тему Вашего блога, далее «Внешний вид» — «Редактор» и найти справа в колонке такую запись «Sidebar.php» — именно здесь и необходимо редактировать код, для того, чтобы разместить код слайдера.

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

Так же существуют темы для блогов, которые позволяют без проблем размещать код в том же сайдбаре, что называется «по щелчку пальцев».

Идем снова в админку и там, в том же меню «Внешний вид», выбираем «Виджеты».

Теперь просто перетаскиваем вкладочку «Текст» в то место в сайдбаре, где бы мы хотели видеть свой слайдер. Вставляем свой код, редактируем, сохраняем.

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

Если все прошло гладко — слайдер тут же начнет работать.

Ну а если не так — пишите, будем разбираться вместе.

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

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

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

Поэтому сегодня мы рассмотрим 12 лучших бесплатных WordPress плагинов для слайдеров изображений, для установки которых вам потребуется всего пару минут времени и пару кликов.

1. SlideDeck 2

Довольно простой адаптивный слайдер, который позволяет легко создавать слайды из практически любого контента. Умеет подключаться к источникам внешнего контента, например к YouTube, Flickr и Pinterest.

2. EasyRotator

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

3. Meta Slider

Наверняка, самый популярный бесплатный слайдер для WordPress. Очень прост в настройке: выберите картинки в библиотеке файлов, перетащите их в область слайдера, дайте заголовки каждому слайду и заполните ссылки и поля для SEO. Можно выбрать один из четырех типов слайдшоу (Flex Slider, Nivo Slider, Responsive Slides, Coin Slider).

4. HG Slider

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

5. Meteor Slides

Удобный плагин для слайдера, который настраивается путем добавления шорткода или виджета. Завялена поддержка мобильных устройств для переключения слайдов тач-жестами.

6. Cyclone Slider 2

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

7. Morpheus Responsive 3D Slider

Как понятно из названия, слайдер обширно использует анимационные 3д-эффекты при переключении картинок. При этом используется обычный CSS и jQuery, так что ваша страница со слайдером не будет отнимать много ресурсов. Выглядит вполне эффектно, убедитесь сами.

8. WOW Slider

Достаточно продвинутый слайдер, хоть и бесплатный. В его ассортименте есть много эффектов анимации при переключении картинок, среди которых: Collage, Photo, Domino, Page, Rotate, Blur, Flip, Blast, Fly, Blinds, Squares, Slices, Basic, Fade, Ken Burns, Stack, Stack vertical, Basic linear, Book, Cube, Seven.

9. Huge-IT Slider

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

10. Easing Slider

Минимум настроек, минимум нагрузки на страницу, никакого лишнего мусора. Вот как можно вкратце описать этот слайдер. Он просто работает.

11. Smooth Slider

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

12. Promotion Slider

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

Слайдеров, сегодня хочу представить несколько плагинов, на которые эти исходники можно накрутить. Плюс, небольшое описание каждому плагину, чтобы не качать «кота в мешке». Лишний раз проверять, что умеет плагин и его работоспособность никому не нравится, верно? Скажу сразу — все слайдеры в формате плагинов для WordPress, поэтому проблем с установкой и настройкой быть не должно.

Coin Slider

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

Nivo Slider

Поистине король слайдеров. Честно говоря, не очень рекомендую пользоваться именно плагином для WordPress по причине того, что он давненько не обновлялся, в отличии от скрипта. А последняя версия для WordPress — платная. Ну или как вариант — приспособить новый скрипт к старой оболочке плагина, но тут нужны знания посерьёзнее. 16 вариантов смены картинки, поддержка тем, превью, отличная и валидная верстка, богатые настройки. Я пока не встречал скрипта, который бы уделал Nivo.

Content Slider от SlideDeck

Еще один весьма навороченный слайдер, но теперь это слайдер контента. Очень богатые настройки, интеграция в редактор постов, несколько тем в комплекте. Есть возможность вставить разные слайдеры в каждый пост. Есть Pro версия, которая может ещё кучу всяких клёвых штук, но цена в 99$ за слайдер меня очень и очень смущает.

Meteor Slides

Этот кандидат попроще, но и у него есть своя фишка. Во-первых, он умеет встраиваться по шорткоду, это удобно. Во-вторых, он умеет создавать несколько слайдшоу, которые можно использовать в разных местах. В-третьих, он умеет встраиваться в сайдбар виджетом. И там крутить картинки. По моему, достаточно круто. И да, поддержка русского в комплекте

Slideshow Gallery

Этот слайдер тоже умеет дружить с редактором постов WordPress, тоже может встраиваться шорткодом и у него есть превью картинок. Поддержка локализации, с помощью po/mo файлов. Плюс, для больших картинок поддерживается лайтбокс, то есть увеличение картинки по клику.

TN3 Gallery

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

WordPress Content Slide

Что сказать про этот плагин? Он маленький, полностью настраиваемый внешне, неплохие настройки из админки. И он работает.

ISlidex

Очень неплохой слайдер с поддержкой нескольких тем. Авторы обещают SEO-верстку, автоматическую обрезку и кэширование изображений, кроссбраузерность вплоть до IE7 и поддержку WordPress 3.x. Также умеет встраиваться в виджет, что существенно повышает его ценность.

Он сможет показать вам все, что вы захотите. Больше 10 шаблонов вывода в комплекте, собственное API, поддержка мобильных устройств и куча других вкусностей. Поверьте — на сегодняшний день это лучший слайдер. И стоит всего 12$ , конечно же, все последующие версии бесплатны. Да, как заявляет разработчик — этот плагин единственный, кто поддерживает в полном объёме IE10, который установлен в Win8.