Продвижение и разработка сайтов на WordPress. Плагин для слайдера wordpress
WordPress плагины для слайдеров | MY HTML
Слайдер с картинками — это очень популярная и востребованная вещь на огромном количестве сайтов. Популярность слайдеров заключается в том, что вы можете показать посетителю сайта несколько разных картинок на одной фиксированной области вашего сайта без необходимости прокрутки страницы.
На сегодня существует масса вариантов, как сделать свой слайдер изображений или добавить готовый. Но если речь идет о 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
Обладает очень гибкими настройками и позволяет настраивать кучу параметров для каждого слайда. Но при этом все настройки собраны в одном компактном меню, так что вам не придется блуждать по просторам админки чтобы добавить слайдер на свой сайт.
myhtml.pro
Подборка плагинов слайдеров для шаблонов WordPress Wordpress блог Wordpress блог
Самая большая беда большинства недостаточно популярных сайтов – их скучность, однотонность, отсутствие динамичности и привлекательных для посетителя идей, визуализаций. Однако это не означает, что ситуацию невозможно исправить или нужно тратить на усовершенствование большие деньги, привлекая крутых специалистов. Сайты на WordPress отличаются одной очень привлекательной особенностью – возможность установки на них всевозможных дополнений в виде плагинов. Это дешево или вообще бесплатно, а также очень эффективно.
Например, плагин слайдер для WordPress позволит оживить страницу, сделав один из ее разделов динамичным, привлекающим внимание и заставляющим пользователя помимо своей воли задержаться здесь и получить больше информации. Слайдер контента для WordPress позволит превратить сухой текст в нечто более привлекательное, а ведь известно, что для значительной части пользователей сети подача информации более важна, чем ее качество. Точно также помогут видео слайдер и слайдер отзывов для WordPress, каждый из которых сделает страницу более приметной, а информацию – доступной для посетителя.
Скачать слайдер для WordPress бесплатно сейчас совсем не проблематично. В открытом доступе десятки отличных версий таких плагинов, каждая из которых имеет свои преимущества. Благодаря тому, что можно найти слайдер для WordPress на русском, а также за счет общей простоты использования данного инструмента, установить и настроить его запросто можно самостоятельно. Возможно, это прозвучит странно, но сложнее всего подобрать лучший слайдер для WordPress. А потому имеет смысл разобраться, что же предлагают сегодня разработчики в этой сфере.
Плагин Meta Slider
Одним из хороших современных вариантов можно назвать Meta Slider. Его главное преимущество заключается в том, что после установки вы получаете сразу 4 варианта разных слайдера. На примере Meta Slider можно показать, как устанавливаются и настраиваются слайдер темы для WordPress в целом.
Установка плагина со слайдером
Здесь все предельно просто. Адаптивный слайдер для WordPress Meta Slider устанавливается всего за несколько шагов:
- Заходим в консоли в раздел «Плагины», находим и нажимаем «Добавить новый».
- В окне поиска пишем «Meta Slider».
- Находим в выдаче необходимый вариант, и нажимаем «Установить».
- В завершение установки нажимаем «Активировать плагин».
Подобным образом устанавливаются все слайдер шаблоны для WordPress. Результатом этих действий станет появление новой вкладки «Meta Slider» в консоли управления сайтом.
Настройка плагина
Чтобы начать создавать слайды необходимо сначала перейти на главную страницу плагина, нажав на только что появившуюся вкладку в меню. Для создания первого слайд-шоу нужно нажать на «+» в верхней части. Теперь необходимо загрузить в новый слайдер картинки, для чего жмем на кнопку «Добавить слайд». В результате откроется библиотека медиа-файлов, где вы сможете загрузить изображения, или выбрать что-то из ранее загруженного. Выбор картинки подтверждается нажатием на «Добавить в слайдер», после чего изображение уже отображается в создаваемом слайдере, но необходимо еще заполнить поля вкладки «Основное» для него:
- «Описание» — отображаемый на картинке текст;
- «Ссылка (URL)» — ссылка, активируемая нажатием на это фото;
- «Отрывать в новом окне» — здесь все понятно, и нужно ли ставить галочку, каждый решает сам.
Далее необходимо заполнить поля во вкладке SEO:
- «Title изображения» — его заголовок, индексируемый поисковыми системами.
- «Alt изображения» — его описание.
Аналогичным способом добавляются все остальные картинки в слайд-шоу, после чего слайдер-карусель для WordPress (или другой его тип) можно считать созданным.
В завершение еще нужно проверить и при необходимости изменить настройки самого слайдера, однако они элементарны, и не нуждаются в дополнительных разъяснениях.
Интеграция слайдера в шаблон сайта
Темы для WordPress со слайдером создавать совсем несложно. При этом можно вставлять слайд-шоу как в шаблон всего сайта, так и только на отдельные страницы. Для этого во вкладке «Использование» необходимо найти и скопировать специальный шорт-код или php-код.
Шорт-код копируется непосредственно в требуемые страницы в html-редакторе. Также его можно вставить через виджет «Текст». В весь сайт сразу вставлять код чуть сложнее: его необходимо разместить в одном из шаблонов (single.php, index.php и проч.), для чего следует выполнить такую последовательность действий:
- Открываем редактор «Внешний вид», переходим в «Редактор» и выбираем требуемый шаблон.
- Так как чаще всего слайдами подменяется шапка сайта, необходимо найти и открыть Header.php.
- Ищем там тег </header>, перед которым и нужно расположить найденный ранее php-код.
В завершение остается только сохранить результаты и проверить корректность изображения. В целом же, таким способом слайдеры можно устанавливать в любой части страницы.
Плагин Slider Revolution Responsive WordPress
В отличие от предыдущего плагина, этот слайдер платный, но его возможности стоят тех денег, которые просят разработчики за свой продукт. Вот краткий перечень его возможностей:
- Установка слайдов любого размера в любое место сайта – на весь экран или по ширине, в «шапку» или «футер», в текст статьи, над или под меню и т.д. Изменять размеры слайдов можно из панели настроек, при этом каждый раз формируется готовый код, который нужно будет просто скопировать и вставить туда, где вы хотите увидеть ваши слайды.
- Добавление видео из разных источников: YouTube, Vimeo, загрузка на сайт ролика и т.д. При этом вы сами решаете, будет ли ролик запускаться автоматически или вручную по желанию пользователя.
- Позволяет использовать CSS анимацию, а также jQuery.
- Большое количество вариантов анимации при смене слайдов.
- При выводе текста, видео и картинок также можно настроить множество разных эффектов.
- Большой выбор настроек для реализации навигации по сайту и странице.
- Адаптивный дизайн: слайды, видео будут прекрасно смотреться на мобильных устройствах.
- Возможность добавлять анонсы записей и ссылки прямо в слайдер, причем, все они будут индексироваться, так как слайдер seo оптимизирован.
- Возможность полностью скрывать слайдер при просмотре сайта с маленького экрана.
- Установка и поддержка шрифтов Google Fonts.
- Возможность в одном слайде применять множество слоев (видео, изображения, надписи, ссылки), их можно накладывать друг на друга, благодаря чему прямо в слайдере вы получаете удобную презентацию или красивое видео.
После покупки вам будет доступен архив с плагином для автоматической установки в WordPress, подробная документация, а также наглядный обзор возможностей, доступ к службе поддержки (кстати, слайдер периодически обновляется), а также библиотеку готовых к работе слайдов для демонстрации возможностей и применения (закачиваются при помощи кнопки «импорт»). Плагин мультиязычен, есть поддержка русского языка, что также очень удобно.
Установка
Производится автоматически через добавление плагинов в админ панели WordPress. После установки в меню появляется пункт Slider Revolution, в котором вы сможете добавлять и редактировать любое количество слайдеров для вашего сайта.
Создание слайдов
Для начала работы потребуется создать новый слайдер, ничего нового или непривычного – все, как и в других разделах WordPress. При сохранении слайдера автоматически генерируется шорткод, который можно будет вставить на страницу, в запись, на страницу товара или в код шаблона вашего сайта. Если у вас нет опыта настройки слайдов, стоит загрузить готовую библиотеку уже настроенных слайдов, которые потом будет удобно изменять под ваши нужды.
Обратите внимание: вы также можете настроить «нажатие пальцем» для сенсорных экранов планшетов и смартфонов. Также вы можете в редактировании работать со слоями – все очень наглядно и просто.
Плагин Layer Slider Responsive WordPress
Еще один мощный платный слайдер, входящий в ТОП популярных плагинов WordPress. Позволяет создавать невероятно красивые слайд-презентации как самостоятельно, так и при помощи более чем 200 готовых к использованию 2D и 3D переходов.
Анимационные эффекты очень естественные и гладкие, что достигается с помощью современных решений, в числе которых использование аппаратного ускорения устройства пользователя.
Установка также проста, как и в примерах выше. Интерфейс также интуитивно понятен, имеется русский язык, есть помощь и поддержка. А потому разобраться в нем не составит труда.
Очень удобен WYSIWYG-конструктор с большим количеством разнообразных ползунковых настроек, имеются Google-шрифты, наглядный таймлайн, кастомизация анимационных эффектов и еще очень много интересных возможностей. Здесь действительно можно создавать слайды прямо в админке без дополнительных программ и знаний кода.
Поддерживает любые виды контента: видео, в том числе, YouTube и Vimeo, вставки HTML-кода, мультимедиа HTML 5, любые типы изображений и текстовые вставки. Получаемые слайды оптимизированы, а потому прекрасно индексируются поисковыми системами, есть возможность семантической разметки.В комплект входит 13 готовых скинов и множество других заготовок.
Плагин Smart Slider WordPress
Еще один достойный вариант, важный плюс решения – наличие бесплатной версии, которая очень популярна среди веб-мастеров. В комплект входит более 100 готовых слайдов, на основе которых можно создать собственную анимацию, также можно разработать собственное решение с нуля в удобном визуальном редакторе.
Возможности плагина:
- Интерфейс простой, интуитивно понятный. Установка происходит автоматически через добавление плагина, а после активации добавляется новый раздел в меню.
- 5 разных типов слайдов в одном плагине, адаптивность, гибкая настройка стрелок, миниатюр, области прокрутки и т.д.
- Динамичный контент и возможность создания слайдов прямо в админ панели.
- Два варианта работы со слайдером: Simple (простой и наглядный) и Expert (с возможностью работы с кодом напрямую и очень гибкими настройками).
- Дизайн может иметь до 16 настраиваемых слоев.
- В комплекте – 54 анимированных очень плавных вариантов фона.
- В редактор встроен строитель анимации в режиме реального времени.
- Широкий выбор стилей и шрифтов.
- Выстроенный лайтбокс и редактор картинок.
- Возможность импорта и экспорта слайдеров и более 100 готовых макетов.
- SEO-оптимизация, адаптивная верстка (динамичная высота и ширина изображений) и многое другое.
Базовые функции, которых обычно хватает для создания красивого слайдера, заголовка или других анимированных элементов сайта доступны в бесплатной версии плагина. При этом вы получите возможность пользоваться одним типом слайдера с 6 разными типами слоев. Разработчики не налагают никаких ограничений на срок использования бесплатной версии, а ее возможностей более чем достаточно для многих проектов. Но если вы хотите создать действительно необычный сайт с большим количеством анимации, стоит задуматься над приобретением платной версии.
Заключение
Выше приведено несколько примеров слайдеров для WordPress, при помощи которых ваш сайт может получить новое «лицо» без помощи профессионального дизайнера и верстальщика. При помощи слайдеров вы сможете обновлять внешний вид своего сайта столько раз, сколько вам захочется, а страницы и статьи – украшать анимационными эффектами.
Сегодня плагинов слайдеров для WordPress очень много, как платных, так и бесплатных. Выбор наиболее подходящего зависит только от ваших вкусов и потребностей. Но принцип работы большинства из них ничем не отличается от приведенных выше примеров. Самое главное, убедитесь, что выбранный вариант поддерживает работу с различными размерами экрана и современными браузерами, после чего можно смело приступать к украшению вашего сайта!
www.wordpresser.ru
Content Slide. Плагин для создания слайдера (слайдшоу)
Иногда возникает необходимость немного оживить сайт графически и, возможно, добавить немного анимации. Это может быть какая-то флешка с шапке сайта, блок «наши клиенты» в сайдбаре с демонстрацией их логотипов, либо отображение слайдшоу созданных работ (шаблонов) для сайтов веб-студий или дизайнеров. При это возникает, по сути, 2 пути реализации – можно вручную с помощью специального софта для создания флешек создать нужный вам файл, а потом залить его на сайт, а можно воспользоваться специальными плагинами. Для системы WordPress можно использовать модуль Content Slide, о котором сегодня расскажу.
Content Slide, во-первых, максимально прост в использовании без лишних наворотов и дополнений. Во-вторых, имеет достаточно гибкий механизм из множества специальных настроек для внешнего вида создаваемого слайдшоу (размеры, цвет, стили и многое другое). В работе плагин Content Slide использует скрипт Jquery Coin Slider для самого слайдшоу и jquery inner Fade effect для эффекта перехода (затемнения). Если я правильно понимаю, то это общедоступные скрипты, которые можно применить и самому, но это скорее для веб разработчиков, рядовому пользователю лучше установить Content Slide которые максимально упростить задачу интеграции скрипта слайдшоу в wordpress блог.
Установка Content Slide ничем особо не отличается от традиционного процесса установки плагина – скачиваем модуль с официального сайта вордпресс распаковываем архив и заливаем на ФТП сервер в директорию /wp-content/plugins/. Изменять название файлов и папок при этом крайне не рекомендуется. Далее идем в админку wordpress и активируем плагин в соответствующем разделе (Plugins).
Для вывода слайдшоу на сайте заходим в нужным вам файл шаблона и добавляем там код вызова плагина:
Нужный файл значит header.php для добавления в шапку блога, sidebar.php в боковые колонки и т.п. Если вы, например, хотите отображать слайдер только на главной и в качестве домашней страницы у вас указана какая-либо страница блог, то нужно зайти в файл page.php где добавить код:
Чаще всего нужно будет разместить его в файле index.php который является основным wordpress шаблоном блога.
Чтобы вывести слайдер на специальной отдельной странице можно использовать такой код:
Перед вставкой кода плагина в шаблон можно зайти в его настройки – после активации в админке wordpress появляется отдельный раздел Content Slide. Там есть три блока настроек:
— General Settings – общие параметры для создаваемой флешки слайдшоу (ширина, высота, шрифт, рамка, цвет фона и т.п.)— Effects and Animations Settings – опции анимации переходов (задержка между сменой изображений, тип эффекта, наличие навигации и т.д.) С этим параметром можно немного поэкспериментировать дабы посмотреть все возможные эффекты.— Image Source Settings – здесь выбираются изображения, которые будут выводиться в слайдере, есть несколько параметров, которые нужно будет попробовать. Для картинок можно задавать ссылки для переходов, что открывает еще одну возможность использования модуля.
В целом плагин Content Slide со своей задачей справляется, работать с ним легко и просто – единожды настроив эффекты перехода и добавив картинки для слайдера можно наслаждаться приятной анимацией на своем сайте или блога.
Версия плагина: 1.4.2Требуемая версия Вордпресс: 2.9 или выше
wordpresse.ru
