Привет! Мы продолжаем разбирать самые интересные и самые полезные плагины для сайта WordPress ! Сегодня вы узнаете как добавить на свой сайт Супер классный виджет-слайдер записей WordPress ! В виджете будет отображаться слайдер с анонсами записей вашего сайта. Вы сможете настроить отображение слайдера. Можно выбрать определённую рубрику или метку, из которой будут показываться записи в слайдере. Можно выбрать что будет отображаться в слайдере, изображение, название, категория, отрывок, дата, комментарии, навигация и т.д. Вы сможете настроить внешний вид слайдера, выбрать цвета для всех элементов. Можно указать свой текст в кнопке.
Установить плагин вы сможете прямо из админ-панели WordPress. Перейдите на страницу: Плагины — Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.
— Post Types, по умолчанию только записи WordPress.
— Title Color, цвет заголовка.
— Title Hover, цвет заголовка при наведении.
— Arrows Color, цвет стрелок навигации.
— Arrows Hover, цвет стрелок при наведении.
— Content Color, цвет контента.
— Meta Color, цвет мета данных, дата, комментарии и т.д.
— Meta Hover, цвет мета данных при наведении.
— Button Text Color, цвет текста в кнопке.
— Button Text Hover, цвет текста в кнопке при наведении.
— Button Background, цвет кнопки.
— Button Background Hover, цвет кнопки при наведении.
— Pagination Color, цвет пагинации, отображается внизу слайдера.
— Pagination Type, выберите тип пагинации. Пули (по умолчанию) или Прогресс бар.
— Show Icons, можно включить показ иконок для комментариев, даты, категорий и меток.
— Slide Effect, выберите эффект для слайдов.
— Custom Css, можно указать свои CSS стили для слайдера.
— Сохраните изменения.
Posts.
— Post Type, тип страниц, только записи.
— Taxonomy, можно выбрать откуда будут браться записи, из категорий или меток.
— Terms, выберите категорию или метку, из которой будут отображаться записи.
— Exclude, можно исключить определённые записи из слайдера по id. Как узнать id записи?
— Order by date, сортировка записей, по убыванию или по возрастанию.
— Posts to show, сколько будут отображаться записей в слайдере.
Settings.
— Display image as, можно выбрать стиль отображения изображения.
— Slide posts in loop mode, циклический режим записей слайдера.
— Hide posts with no image, не показывать записи без изображения.
— Show post title, показывать заголовок записей.
— Show image, показывать изображение.
— Show date, показывать дату.
— Show comments, показывать комментарии.
— Show excerpt (content), показывать отрывок из текста записи.
— Show categories, показывать категорию записи.
— Show tags, показывать метку.
— Show arrows, показывать стрелки.
— Show pagination, показывать пагинацию.
— Show «Proudly powered by» credit link, показывать ссылку на сайт автора плагина.
Font Style.
— Post Title, размер шрифта заголовка.
— Post Content, размер шрифта текста в содержании.
— Post Meta, размер шрифта мета данных.
— Button Text, размер шрифта текста в кнопке.
— Button Corner Radius, радиус угла кнопки.
— Button Top/Bottom Padding, размер отступа кнопки от верха и низа.
— Trim Title to, максимальное количество слов в заголовке записи.
— Trim Excerpt to, максимальное количество слов в отрывке записи.
— Сохраните виджет.
Всё готово! После сохранения настроек виджета, у вас на сайте будет отображаться готовый виджет-слайдер записей WordPress !
Слайдеров, сегодня хочу представить несколько плагинов, на которые эти исходники можно накрутить. Плюс, небольшое описание каждому плагину, чтобы не качать «кота в мешке». Лишний раз проверять, что умеет плагин и его работоспособность никому не нравится, верно? Скажу сразу — все слайдеры в формате плагинов для 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. Также умеет встраиваться в виджет, что существенно повышает его ценность.
24.01.2013 — добавлю еще один плагин, с которым пришлось столкнуться. Он оставил самые приятные впечатления, несмотря на то, что он платный.
Он сможет показать вам все, что вы захотите. Больше 10 шаблонов вывода в комплекте, собственное API, поддержка мобильных устройств и куча других вкусностей. Поверьте — на сегодняшний день это лучший слайдер. И стоит всего 12$ , конечно же, все последующие версии бесплатны. Да, как заявляет разработчик — этот плагин единственный, кто поддерживает в полном объёме IE10, который установлен в Win8.
От автора:
в этой статье мы с вами познакомимся с еще одним полезным и замечательным плагином для WordPress — это плагин Meta Slider. Это плагин слайдер для WordPress, с помощью которого вы сможете быстро и просто организовать на страницах вашего сайта слайдер или слайдшоу. Приятным бонусом будет возможность выбора различных вариантов слайдера, его простая настройка, а также адаптивность из коробки.
Когда вы публикуете статью или новость, часто недостаточно просто сухого текста. Хочется как-то оживить этот текст, например картинкой или несколькими картинками. Визуальное сопровождение действительно оживляет текст. Ну а если эти картинки будут еще красиво и оригинально поданы — будет вообще супер. Такая статья больше придется по душе читателям. И слайдер является отличным способом украсить статью или страницу.
Есть ли плагин слайдера для WordPress? Есть и плагинов таких — огромное количество, выбирай — не хочу
Могу порекомендовать остановить свой выбор на плагине Meta Slider, который я упоминал выше. Начнем с того, что установив этот плагин вы в результате получите не один вариант слайдера, а сразу четыре популярных на данный момент слайдера:
Впечатляет, не правда ли? Давайте переходить от слов к делу. Установим плагин Meta Slider и посмотрим, как же просто производится настройка слайдера с этим плагином WordPress. Итак, идем в меню добавления новых плагинов и ищем плагин слайдшоу по запросу meta slider.
Устанавливаем и активируем найденный плагин слайдер — Meta Slider. После установки в меню вы увидите новый раздел, название которого совпадает с названием плагина.
Из названий пунктов меню понятно, что плагин предлагается в двух версиях: бесплатной и PRO. Можно предположить, что платная версия имеет больше настроек, но, на мой взгляд, настроек в бесплатной версии слайдера более чем достаточно. Большим преимуществом платной версии является поддержка видео слайдов с сервисов YouTube и Vimeo, так что если вам необходим подобный функционал, тогда стоит задуматься над приобретением платной версии плагина.
Переходим на главную страницу плагина, где нам предлагают создать первое слайдшоу.
Давайте так и сделаем, нажмем на плюсик и приступим к процессу создания слайдера. На открывшейся странице жмем кнопку Добавить слайд и просто выделяем картинки из вашей библиотеки медиафайлов, которые вы хотите вставить в слайдер, или прямо здесь загружаем необходимые картинки в библиотеку медиафайлов.
После добавления картинок мы попадем на страницу, где увидим все выбранные картинки, а также всевозможные настройки. Плагин слайдера для WordPress на русском языке, как вы видите, и это дополнительный плюс.
Первая же настройка в блоке справа позволяет выбрать вариант слайдера, по умолчанию это Flex Slider. Но мы можем выбрать и любой другой. Далее мы можем настроить эффект смены слайдов, размеры слайдера, навигацию по слайдшоу, тему слайдера (светлая, темная и т.п.). Это лишь основные настройки. В блоке расширенных настроек их куда больше — попробуйте поиграться с ними и подобрать конфигурацию на свой вкус.
Для каждой из фотографий слайдера нам предлагают добавить ее описание, также можно установить на слайд ссылку, если вы хотите, чтобы со слайда можно было перейти к какой-либо статье на вашем сайте. Как видим, настроек действительно хватает и настройка слайдера WordPress — довольно несложный процесс.
После окончания настройки слайдера нам остается взять предлагаемый шорткод и добавить его в нужное место статьи или страницы.
Кроме того, плагин можно вставить даже в шаблон, например в шапку вашего сайта (шаблон header.php). Необходимый код для вставки в шаблон мы можем взять во вкладке Вставка в шаблон.
Итак, копируем предлагаемый шорткод и вставляем его в выбранную статью. Результат отличный, в статье появился работающий слайдер и его реализация заняла считанные минуты.
Вот, собственно, и все. Экспериментируйте с настройками слайдера, чтобы получить удачное решение под дизайн вашего сайта. Удачи!
При этом наличествует поддержка локализации при помощи po/mo файлов. В качестве дополнительного бонуса можно упомянуть поддержку лайтбокса при просмотре больших картинок, что подразумевает под собой возможность увеличения картинки по клику.
Слайдер TN3 Gallery
Слайдер для WordPress TN3 Gallery обладает достоинствами других слайдеров, как то превью картинок, хорошая вёрстка и прочие вкусности, упомянутые выше при описании других плагинов.
Правда, в нём есть одна маленькая отличительная черта, которая заключается в поддержке мобильных устройств , что на сегодняшний день весьма редкая штука и что, согласитесь, просто не может не радовать.
Справедливости ради следует заметить, что подобное достоинство компенсируется сразу двумя минусами: для скачивания плагина нужно в обязательном порядке зарегистрироваться и на сегодня не версии, поддерживающей работу с WordPress. В наличии только вариант скрипта, хотя возможности TN3 Gallery стоят того, чтобы немного покопаться в настройках и в методе установки.
Страница плагина
Слайдер WordPress Content Slide
Слайдер для WordPress под названием WordPress Content Slide предназначен для организации слайдеров изображений на собственном ресурсе.
По понятным причинам, такой функционал не для всех сайтов необходим. Хотя если просмотреть поисковые запросы многих пользователей, то можно обнаружить, как раз такой слайдер ищут достаточно большое количество людей, которым нужен слайдер с подобными функциями, при этом отличающийся удобством управления и настройки.
Про плагин WordPress Content Slide можно сказать только то, что он маленький, обладает неплохими настройками из админки, полностью настраивается внешне по желанию пользователя. И то, что действительно работает.
По сути, это довольно мощный слайдер, о чём можно судить по настройкам, с которым при этом сможет разобраться практически каждый желающий.
Слайдер ISlidex
Слайдер ISlidex можно смело назвать довольно неплохим плагином, обладающим поддержкой одновременно нескольких тем.
Как обещают сами разработчики, со временем будет добавлена возможность SEO-вёрстки, автоматической обрезки и кэширования изображений, поддержка WordPress 3.x. и кроссбраузерность вплоть до IE7.
К дополнительным качествам ISlidex следует отнести возможность встраивания в виджет, что существенно повышает ценность данного слайдера.
Слайдер RoyalSlider
Хотелось бы ещё упомянуть такой плагин, как RoyalSlider, с которым совсем недавно пришлось столкнуться. После знакомства с ним остались только приятные впечатления и воспоминания, даже невзирая на то, что он платный.
Слайдер для WordPress под названием RoyalSlider может показать пользователю всё, что он только захочет.
В комплекте со плагином идёт больше 10 шаблонов вывода, поддержка мобильных устройств, собственное API и множество других и приятных вкусностей, с которыми каждому следует ознакомиться лично.
По моему скромному мнению, RoyalSlider – это лучший слайдер на сегодняшний день. Стоимость такого удовольствия составляет всего лишь 12 долларов, при этом все последующие версии будут для вас бесплатными.
Кроме того, по заверениям самих разработчиков, RoyalSlider – это единственный плагин на сегодня, который в состоянии поддерживать в полном объёме IE10, установленный в Win8.
Здравствуйте, друзья! Сегодня мы поговорим о том, как установить слайдер изображений на сайт WordPress. Создание и установка слайдера очень проста, и займет не более 5 минут .
Создавать слайдер мы будем с помощью плагина Meta Slider , который в свою очередь является одним из самых популярных бесплатных плагинов (более чем 500,000+ активных установок).
Плагин полностью русифицирован , что также является немалым плюсом.
Итак, начнем!
1. Устанавливаем и активируем плагин Meta Slider .
2. После активации плагина с административной панели переходим в «Meta Slider» .
3. Нажимаем по «плюсику» .
5. Теперь производим необходимые настройки плагина , которых кстати достаточно много (что не может не радовать).
Писать обо всех настройках я не вижу смысла, так как все они полностью русифицированы и вопросов по ним возникнуть не должно. Кроме стандартных настроек размера слайдера, эффектов, дизайна и т.п. можно также выбрать один из четырех типов слайдеров (Flex Slider, R. Slides, Nivo Slider, Coin Slider).
6. После загрузки изображений и настройки слайдера осталось самое простое — добавление слайдера на сайт .
Сделать это можно тремя способами, с помощью обычного шорткода (если нужно добавить слайд на страницу), с помощью вставки кода в шаблон и с помощью кнопки «Добавить слайдер» . Для добавления слайдера на страницу скопируйте код в блоке «Использование», и вставьте его в любую страницу или запись.
Для вставки слайдера в шаблон , перейдите на вкладку «Вставка в шаблон» , скопируйте код и добавьте его в файл шаблона, в котором Вы хотите сделать вывод слайдера.
Добавить слайдер на страницу с помощью кнопки «Добавить слайдер» проще всего. Нажмите по кнопке, выберите созданный слайдер и нажмите «Вставить слайдшоу».
При желании можно добавлять слайдер и на сайдбар . Для этого перейдите в Внешний вид -> Виджеты и воспользуйтесь виджетом «Meta Slider» .
Вот такой слайдер получается в итоге:
Как видите, сложного совершенно ничего нету! Добавление слайдера в WordPress достаточно быстрая и простая задача . В случае если у Вас возникли вопросы — смело пишите в комментариях.
Здравствуйте, друзья! Сегодня мы поговорим о том, как установить слайдер изображений на сайт WordPress. Создание и установка слайдера очень проста, и займет не более 5 минут. Как установить слайдер изображений в WordPress Создавать слайдер мы будем с помощью плагина Meta Slider, который в свою очередь является одним из самых популярных бесплатных плагинов (более чем 500,000+ активных установок). Плагин полностью русифицирован, что также является немалым плюсом. Итак, начнем! 1. Устанавливаем и активируем плагин Meta Slider. 2. После активации плагина с административной панели переходим в "Meta Slider". 3. Нажимаем по "плюсику". 4. Далее нажимаем кнопку "Добавить слайд" и загружаем (или выбираем из уже загруженных) изображения для слайда. Добавить…
Обзор
Рейтинг урока по добавлению слайдера на сайт
100
