Карусель изображений wordpress – Есть ли для wordpress бесплатный плагин вертикальной карусели постов? — Хабр Q&A

Содержание

WordPress Carousel — Responsive Image Slider for WordPress — Плагин для WordPress

Live Demo | Video Tutorials | Documentation | PRO Features »

Overview

WordPress Carousel is the most powerful and user-friendly WordPress Carousel plugin to create beautiful carousels with Images, Posts, WooCommerce Products etc. This plugin will allow you simply select images from WordPress media library, drag and drop them into place and also supports WordPress posts and WooCommerce products. It’s fully responsive, highly customizable and works smoothly on iPhone, iPad, Android, Firefox, Chrome, Safari, Opera and Edge.

We believe that you shouldn’t be a coder or hire a developer to create a carousel for your WordPress site. That’s why we built the WordPress Carousel plugin that’s both EASY and POWERFUL.

WordPress Carousel 2.0

WordPress Carousel 2.0 has completely been rebuilt and this provides you now many improvements and new amazing features.

You’ll be able to display
  • Image Carousel – Create beautiful image carousels with uploading images via WordPress regular media gallery. Easily drag and drop image slides.

  • Post Carousel – Display WordPress latest posts in the carousel with post title, image, excerpt, date, author etc.

  • WooCommerce Product Carousel – Display latest WooCommerce products carousel. Show/hide the product name, image, price, rating, add to cart button etc.

Key Feature List
  • Fully Responsive and Touch-friendly.
  • Lightweight, Fast & Powerful.
  • Shortcode Generator.
  • Extremely User-friendly Admin Panel.
  • Create Carousel using images from media gallery, posts, products etc.
  • Drag and drop image slides Re-ordering.
  • Multiple Carousels. (Create unlimited carousels into same page)
  • Multisite Supported.
  • Set border for image slide.
  • AutoPlay on/off.
  • AutoPlay Speed Control.
  • Stop on hover carousel.
  • Infinite looping for the carousel.
  • Show/hide Navigation and Pagination dots.
  • Navigation & Pagination dots color.
  • Unlimited color and styling options.
  • Control carousel columns on different devices.
  • Display random order.
  • Unique settings for each carousel.
  • Touch Swipe options.
  • Mouse Draggable enable or disable.
  • Multilingual Ready.
  • RTL Supported.
  • Widget Supported.
  • Compatible with any theme.
  • Advanced Settings to enqueue or dequeue Scripts/CSS.
  • Custom CSS field to override styles.
  • Developer friendly & easy to customize.
  • SEO friendly & optimized for speed.
  • Support all modern browsers: IE, Firefox, Chrome, Safari, Opera, Edge etc.
  • Documentation and Video Tutorials.
  • Fast and Active Support.
  • And much more options.
For fast support, features request, and bug reporting

Ask us at

Support Forum.

WordPress Carousel Pro

WordPress Carousel Pro is the most powerful and user-friendly multi-purpose WordPress Carousel plugin to create beautiful carousels with images, Posts, WooCommerce Products, Contents (Images, Text, HTML, Shortcodes), Video etc. The plugin has own image and content management system and also supports Posts, Pages, Custom Post Type, Taxonomy, Custom Taxonomy, Custom Contents, YouTube, Vimeo, Dailymotion, mp4, WebM, Self-hosted Video with Lightbox. It’s fully responsive, highly customizable and works smoothly on iPhone, iPad, Android, Firefox, Chrome, Safari, Opera and Edge.

It’s even easier to put images of different height together so the width is dynamic with fixed height so that your site looks pretty. The plugin vastly improves user experience and lets you create different types of beautiful carousels easily and quickly.

Popular Carousel Types
  • Image Carousel — WordPress Carousel Pro allows you to create beautiful image carousels for your site in minutes! Upload images via WordPress regular media gallery, create a gallery to make carousel.
  • Post Carousel — Display posts from multiple Categories, Tags, Formats, or Types: Latest, Taxonomies, Specific etc. Show the standard post contents: title, image, excerpt, read more, category, date, author, tags, comments etc.
  • Product Carousel — Filter by different product types. (e.g. latest, categories, specific products etc.). Show/hide the product name, image, price, excerpt, read more, rating, add to cart button etc.
  • Content Carousel (Slide Anything) — Slide anything you want based on your WordPress site. (e.g. images, text, HTML, shortcodes, any custom contents etc.) You can sort slide content by drag and drop easily.
  • Video Carousel — Show videos from multiple sources: YouTube, Vimeo, Dailymotion, mp4, WebM, and even self-hosted video with Lightbox. A customizable video icon will place over the video thumb.
WordPress Carousel Pro Features
  • All Sample Carousels (Live Demo in action).
  • Fully Responsive and Touch-friendly.
  • Advanced Shortcode Generator.
  • Slide Anything. (e.g. Image, Post, Product, Content, Video, Text, HTML, Shortcodes etc.)
  • Display posts from multiple Categories, Tags, Formats, or Types. (e.g. Latest, Taxonomies, Specific etc.).
  • Add Unlimited Carousels. (e.g. post, page, custom template, widget or anywhere you want.)
  • 840+ Google Fonts (Advanced Typography).
  • Enable/Disable option for Google Font loading.
  • 100+ Advanced Styling and Visual Customization options.
  • Drag & Drop ordering Image, Content, Video.
  • Image Internal and External Links.
  • Image Carousel (with caption and description.)
  • Image Content Position (Bottom, Right, and Overlay).
  • Show/hide image caption and description.
  • Slide border and inner padding.
  • Lightbox functionality for images.
  • Lightbox images group by the view.
  • Smart lazy-loading option for images.
  • GrayScale effect for images.
  • Soft and Hard cropping option for image.
  • Set equal or fixed height with CSS for images.
  • Variable width option in the carousel.
  • Image Title Attribute option.
  • Post Carousel.
  • Show the standard post contents or select which content you want to display. (Title, image, excerpt, read more, category, date, author, tags, comments etc.)
  • Post excerpt and full content display option.
  • Show Post Content with words limit.
  • Show/hide read more button.
  • Read more button text customization option.
  • WooCommerce Product Carousel.
  • Product content position (Bottom, right, overlay)
  • Filter by different product types. (e.g. latest, categories, specific products etc.).
  • Show/hide the standard product contents. (Product name, image, price, excerpt, read more, rating, add to cart etc.).
  • Limit product description.
  • Post order (Ascending & Descending) and order by ID, date, random, title, modified etc.
  • Content Carousel
  • Slide Anything you want based on your website. (e.g. images, text, HTML, shortcodes, any custom contents etc.)
  • Video Carousel.
  • Video icon color customization.
  • Add video caption and description.
  • Add custom video thumbnail for the Self-hosted Video.
  • Custom CSS field to override styles.
  • Display carousel section title.
  • Set margin-bottom for the section title.
  • Scripts Enqueue or Dequeue options to avoid conflicts.
  • Carousel Mode (Standard, Ticker and Center Mode).
  • AutoPlay on/off.
  • Control AutoPlay and Pagination speed.
  • Stop on hover carousel.
  • Infinite looping for the carousel.
  • Touch, swipe or tap on Android, iOS or any other touch devices.
  • Mouse Draggable options.
  • Adaptive height for the carousel.
  • Enable or Disable carousel scroll with tab and keyboard.
  • Set the number of slides to scroll.
  • Show/hide carousel navigation and pagination dots.
  • 8+ Different navigation positions.
  • 6 FontAwesome directional icons.
  • Hide navigation border and background.
  • Set carousel pagination dots margin.
  • Unlimited colors and styling options.
  • Different types of sliding and hover effects.
  • Control carousel column on different devices.
  • Duplicate or clone carousels.
  • Multisite supported.
  • Automatic update integration.
  • Widget ready.
  • RTL supported.
  • Compatible with any theme or extension.
  • Support all browsers: Firefox, Chrome, IE, Safari etc.
  • SEO friendly & optimized for speed.
  • Extensive Online docs & Video Tutorials.
  • Fast and friendly support.
  • Any new features we add in the future (which is often).
  • Full list of PRO features.
Multilingual Ready
Page Builders Ready
  • Gutenberg (WordPress 5.0.2)
  • WPBakery
  • Elementor
  • BeaverBuilder
  • SiteOrgin
  • DiviBuilder
  • LayersWP
  • MotoPress
  • CornerStone
  • Themify Builder etc.

WordPress Carousel Pro — Admin Panel Overview

Watch all Tutorials »

Premium Support and Documentation

The premium version of the plugin entitles you to get fast, friendly, and priority support with replies posted within 24 hours (without holidays). Please submit a support ticket here. This will create a support thread in our support portal.

For documentation and tutorials go to our Documentation.

Author

Designed and Developed by ShapedPlugin

MINIMUM REQUIREMENTS
  • PHP 5.6 or later
  • MySQL 5.6 or later
  • WordPress 4.3 or later

This section describes how to install the plugin and get it working

AUTOMATIC INSTALLATION (EASIEST WAY)

To do an automatic install of WordPress Carousel, log in to your WordPress dashboard, navigate to the Plugins menu and
click Add New.
In the search field type «WordPress Carousel». Once you have found it you can install it by simply
clicking «Install Now» and then «Activate».

MANUAL INSTALLATION

Uploading in WordPress Dashboard

  • Download wp-carousel-free.zip
  • Navigate to the ‘Add New’ in the plugins dashboard
  • Navigate to the ‘Upload’ area
  • Select wp-carousel-free.zip from your computer
  • Click ‘Install Now’
  • Activate the plugin in the Plugin dashboard

Using FTP

  • Download wp-carousel-free.zip
  • Extract the wp-carousel-free directory to your computer
  • Upload the wp-carousel-free directory to the /wp-content/plugins/ directory
  • Activate the plugin in the Plugin dashboard

The WordPress codex contains instructions on how to install a WordPress plugin.

Плагины WordPress для создания слайдеров и каруселей 2018

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

Но прежде чем мы представим 8 самых горячих плагинов на рынке Envato в этом году, возможно, следует уточнить разницу (или ее отсутствие) между плагином слайдера и карусели. Некоторые говорят, что между ними мало различий, так как они оба реализуют одинаковые функции: отображают несколько изображений в формате слайд-шоу, предлагая некоторые элементы управления, такие как стрелки на предыдущие/следующие изображения, эскизы и иногда эффекты перехода между слайдами.

Специализированный хостинг для сайтов на WordPress!Специализированный хостинг для сайтов на WordPress! Hostenko - Лучший WordPress хостингHostenko - Лучший WordPress хостинг

Другие настаивают на том, что, важное различие между ними состоит в том, что слайдер скользит по горизонтали или по вертикали, а карусель поворачивает изображения на оси, причем изображение всегда обращено к зрителю. В то время как споры продолжаются, мы рассмотрим оба варианта как взаимозаменяемые и займемся описанием 8-ми лучших плагинов слайдеров и каруселей  2018 года на CodeCanyon.

1. Foxy - WooCommerce Product Image Gallery Slider Carousel

Плагин прост в использовании, быстро настраивается и результат отлично выглядит – идеальный слайдер для отображения продуктов WooCommerce.

плагин карусель для вордпрессплагин карусель для вордпресс

Особенности включают:

  • более 150 различных вариантов
  • полностью адаптивный
  • режим предварительного просмотра
  • 8 шаблонов
  • и другие функции.

2. WP Slick Slider и Image Carousel Pro

Пользователи Visual Composer захотят серьезно рассмотреть плагин WP Slick Slider. Имея почти 100 предопределенных макетов, вы найдете все, что захотите ничего не кодируя.

плагин карусель для вордпрессплагин карусель для вордпресс

Особенности включают:

  • адаптивность и прокрутка
  • перетаскивание мышью и бесконечный цикл
  • мощный инструмент генерации коротких кодов.

Некоторые из стилей дизайна включают:

  • переменную ширину
  • режим центровки.

3. Master Slider - Touch Layer Slider WordPress Plugin

Неудивительно, почему Master Slider является многолетним фаворитом на CodeCanyon. Адаптивный сенсорный слайдер предлагает более 70 шаблонов, которые легко настраиваются и просты в использовании.

плагин карусель для вордпресс

плагин карусель для вордпресс

Полезная функция в этом плагине – возможность встраивать HTML-форматированный текст, ссылки, изображения или видео непосредственно в каждый слайд, а затем независимо оживлять каждый слой.

Другие замечательные функции:

  • визуальный конструктор drag-and-drop
  • легко отображать галерею изображений как слайдер
  • способность загружать и отображать галереи из таких сервисов, как Flickr и WooCommerce
  • и еще больше функций.

4. Slider Pro - Responsive WordPress Slider Plugin

Slider Pro обеспечивает чистый и интуитивно понятный пользовательский интерфейс в области администрирования и плавную навигацию для конечных пользователей.

плагин карусель для вордпресс

плагин карусель для вордпресс

Интересная функция – это функция глубокой привязки, в которой каждое изменение слайда обновит URL-адрес в навигационной панели браузера с соответствующим URL-ом.

Другие замечательные функции:

  • оптимизированная загрузка изображений
  • простая настройка
  • плавная анимация
  • несколько макетов
  • и другие.

Смотрите также:

Другие премиум плагины в разделе Плагины WordPress

5. RoyalSlider - Touch Content Slider for WordPress

Самый загруженный слайдер в CodeCanyon, Royal Slider для WordPress упакован неотразимыми функциями. Используемый такими известными компаниями, как Coca Cola и Land Rover, этот плагин делает практически все, что вы захотите от слайдера.

плагин карусель для вордпресс

плагин карусель для вордпресс

Наиболее привлекательной особенностью является полноэкранная функция с поддержкой полноэкранного HTML5. Идеально подходит для показа фотографии высокого разрешения.

Другие замечательные функции:

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

6. Logos Showcase - Multi-Use Responsive WP Plugin

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

плагин карусель для вордпресс

плагин карусель для вордпресс

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

Другие функции:

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

7. All Around - Responsive WordPress Content Slider / Carousel, Creative and Fun Sliding Plugin

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

Он даже поддерживает видео!

плагин карусель для вордпрессплагин карусель для вордпресс

Особенности плагина:

  • полностью адаптиный
  • 6 готовых стилей
  • поддерживает видео
  • вертикальный или горизонтальный
  • поддерживает несколько слайдеров на одной странице
  • режим автоматического воспроизведения
  • и другие.

8. Ultra Portfolio - WordPress

Ultra Portfolio будет в первую очередь привлекать пользователей, которые заинтересованы в создании портфолио с включенными функциями слайдера. Он предлагает большое количество вариантов компоновки и действительно обеспечивает гибкость и функциональность.

плагин карусель для вордпресс

плагин карусель для вордпресс

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

Другие замечательные функции:

Hostenko - Лучший WordPress хостингHostenko - Лучший WordPress хостинг
  • неограниченные макеты
  • интеграция WooCommerce
  • интеграция Google Font
  • возможность управления количеством столбцов для различных разрешений экрана и их ширины. (2, 3, 4, 5 или 6 столбцов)
  • и другие функции.

Источник: code.tutsplus.com

Специализированный хостинг для сайтов на WordPress!Специализированный хостинг для сайтов на WordPress!

Смотрите также:

Как сделать слайдер логотипов и горизонтальную карусель на WordPress

На сайтах веб-студий можно часто встретить элемент сладера или точнее будет сказать горизонтальной карусели с логотипами клиентов/заказчиков. Точно также в проектах крупных СМИ размещают блоки партнеров и т.п. Мне недавно пришлось реализовать подобную функцию на одном WordPress сайте, поэтому спешу поделиться найденными плагинами. Искал их в Google и репозитории WordPress, тестировал, сравнивал функциональность, оценивал плюсы/минусы и отобрал парочку действительно интересных. Возможно, какой-то из них вам пригодится для создания слайдера логотипов или горизонтальной карусели из картинок на своем сайте.

Данный плагин использует легкий Jquery скрипт горизонтальной карусели.

Скачали его более 5 тыс. раз, хотя оценка не очень высокая (3.5). Тем не менее, модуль весьма актуальный, поддерживает последнюю версию WordPress 4.2.2. Вы можете задать директорию на сайте, где хранятся изображения для слайдера. К сожалению, возможности добавить описание картинкам и ссылки нет.

Особенности Tiny Carousel Horizontal Slider:

  • Легкая настройка.
  • Поддержка всеми браузерами + адаптивность.
  • Шорткоды для вставки в посты/страницы блога.
  • Поддержка навигации клавишами, пауза при наведении мышкой.
  • Настройка числа изображений и интервала их переключения.

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

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

Скачали модуль более 20 тысяч раз, версия официально поддерживается до 4.1.5 (нормально протестировал на 4.2.2). Общая оценка модулю весьма высокая — 4.7 баллов. Он построен на библиотеках bxSlider и Simple Page Ordering. Работает по аналогии с обычными записями блога, используя таксономию: в отдельном разделе создаете элементы логотипов и задаете им принадлежность в определенному слайдеру (как посты и категории).

Основные преимущества Kiwi Logo Carousel:

  • Поддерживает создание нескольких разных слайдеров на странице, причем для каждого будут свои картинки и свои настройки.
  • Имеется эффект черно-белых логотипов, которые становятся цветными при наведении.
  • Возможность вставки горизонтальной карусели через PHP функцию или шорткод (для постов/статей).
  • Настройка порядка следований логотипов в слайдере путем перетаскивания (Drag and drop) элементов в админке вордпресс.

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

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

Скачиваний более 8 тысяч, хотя и оценка всего лишь 3.8. Последняя поддерживаемая версия указана WordPress 3.9.6. Работать с модулем достаточно просто, основные его фишки:

  • Простота использования и небольшой вес скрипта.
  • Адаптивность.
  • Автослайдер и пауза при наведении.
  • Возможность добавлять ссылки и описания для логотипов.
  • Создание более одного горизонтального слайдера с разными опциями.

«Проблема» Easy Logo Slider в том, что вы не можете выключить автоматическую прокрутку картинок — то есть карусель работает постоянно. По крайней мере я в настройках этого не нашел. Хотя все остальное (в особенности интерфейс) выглядит достаточно неплохо.

Плагин использует jQuery и библиотеку carouFredsel. Отличительная его — автоматический вывод последних записей из нужной вам категории WordPress. То есть можно сделать горизонтальную карусель с лучшими (избранными) статьями.

У меня на разрабатываемом сайте модуль использовался для отображения из раздела «важных событий». Настраивается Carousel Horizontal Posts Content Slider легко, но вы сможете использовать его только один раз. Скачали плагин более 10 тысяч раз, оценка — 4 из 5-ти. Обновлялся в этом году и поддерживает версию вордпресс 4.1.5 (я тестировал на 4.2.2).

Основные фишки плагина:

  • Адаптивность, поддержка всех браузеров.
  • Наличие стрелочек навигации или пагинации (+настройки).
  • Есть шорткод для вставки в посты и страницы.
  • Возможность локализации.
  • Поддержка мультисайтовости и SEO, хотя, если честно, непонятно в чем это проявляется.
  • Задание размеров элементов карусели (здесь в отличии от Kiwi Logo Carousel даже при фиксированных размерах блоков адаптивность отлично работает).
  • Наличие эффектов для слайдера.

Есть для модуля и платная Pro версия с гораздо большим числом настроек, но с ней я не работал. Если же резюмировать возможности Carousel Horizontal Posts Content Slider, то понравилась адаптивность, а минусом есть отсутствие возможности создать несколько горизонтальных каруселей. Также не понравилось, что отступы между некоторыми элементами в шаблоне заданы с тегом BR, поэтому пришлось их удалять из самого PHP файла (а это не есть хорошо).

Чуть было не забыл про модуль, с которого все начиналось. Плагин Logo Slider достаточно популярный (10тыс. загрузок) и актуальный (подходит для WP 4.2.2) с высокой оценкой в 4.3 балла.

В принципе, по функциональности мне здесь все подходило:

  • Простой и легкий скрипт горизонтальной карусели.
  • Поддержка адаптивности.
  • Перетаскивание Drag & Drop элементов слайдера.
  • Выбор разных типов стрелочек навигации.
  • Параметры настройки высоты, ширины, эффектов карусели.
  • Возможность указывать ссылки для логотипов.
  • Включение/выключение автоматического слайдера.

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

А не подошел мне модуль потому что для горизонтальной карусели логотипов мне нужно было чтобы «перелистывание» происходило ровно на 1 логотип влево, а здесь (насколько я помню) сменялось сразу несколько. Теоретически можно было покопаться в коде плагина и этот момент подправить, но я выбрал поиск другого решения. Кстати, в бесплатной версии сможете создать всего лишь один слайдер логотипов.

Напоследок хотелось бы сказать о разных скриптах и библиотеках.

Некоторые из плагинов выше (и большинство других в репозитории WordPress) использует готовые скрипты и библиотеки. Slick — одно из таких решений. Если вы хорошо разбираетесь в веб-разработке, то можете попробовать подключить данный скрипт напрямую в вордпресс через шаблон. Если умеете создавать WordPress плагины, то и вовсе сможете разработать свое уникальное решение. Я, в принципе, находил пару плагинов с использованием библиотеки Slick, но количество скачивания в 50-100 раз, мягко говоря, не впечатляет. У такого решения могут быть глюки, проблемы с обновлением или дыры безопасности.

Итого. Для разрабатываемого сайта я использовал 2 модуля. Слайдер логотипов реализовал с помощью плагина Kiwi Logo Carousel, хотя там и была проблема с адаптивностью. Также для этой цели можно смело использовать Logo Slider. С задачей выводить горизонтальную карусель из выбранных постов блога справился модуль Carousel Horizontal Posts Content Slider. Пришлось подправить немного отображение его элементов на сайте, но зато с адаптивностью здесь никаких проблем.

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

Понравился пост? Подпишись на обновления блога по RSS, Email или twitter!

Carousel Slider — Плагин для WordPress

Create SEO friendly Image, Logo, Video, Post, WooCommerce Product Carousel and Slider.
Carousel Slider is a touch enabled WordPress plugin that lets you create highly customizable, stylish responsive carousel slider. With Carousel Slider, you can create image carousel using media gallery or custom url, post carousel, video carousel. We have integrated Owl Carousel 2 into our plugin for the ultimate device support.

Looking for a free minimal WordPress theme. Try Shapla

If you like this plugin, please give us 5 star to encourage for future improvement.

Full Feature Set
  • Multiple types carousel, images from media gallery, images from URL, videos from youtube and vimeo, posts, and WooCommerce products carousel slider
  • Hero slider with background image, title, description, call to action buttons and more
  • Posts carousel, support Specific posts, Post Categories, Post Tags, Posts per page, Date range query and ordering
  • Video carousel, support custom height and width (Currently only support video from Youtube and Vimeo)
  • WooCommerce Product carousel, support Product Categories, Product Tags, Specific Products, Featured Products, Recent Products, Sale Products, Best-Selling Products, Top Rated Products
  • Options to hide/show product Title, Rating, Price, Cart Button, Sale Tag, Wishlist Button, Quick View button and options to change color for Title, Button Background, Button text
  • Fully responsive, configure the number of items to display for desktop, small desktop, tablet and mobile devices
  • Lightweight, only loads stuff when carousel is used
  • Navigation and pagination, choose what type of navigation is displayed for your carousel with unlimited colors option
  • Works great in touch devices, Touch and Grab enabled
  • Supported in all major browsers
  • CSS3 3D Acceleration
  • Multiple carousel on same page
  • Lazy load images
  • Support image title, caption, link url
  • and more options
Hero Image Slider

Images Carousel using gallery images

Images Carousel using custom URLs

Posts Carousel

WooCommerce Products Carousel

With Page Builder by SiteOrigin

With Visual Composer Website Builder

Using as a Widget

Этот плагин предоставляет 1 блок.

carousel-slider/slider
Carousel Slider
  • From your WordPress dashboard go to Plugins > Add New.
  • Search for Carousel Slider in Search Plugins box.
  • Find the WordPress Plugin named Carousel Slider by Sayful Islam.
  • Click Install Now to install the Carousel Slider Plugin.
  • The plugin will begin to download and install.
  • Now just click Activate to activate the plugin.

If you still need help. visit WordPress codex

I've tried many plugins before, but only this one made my image carousel work correctly and responsively! Also, it has tons of features other plugins deny you unless you pay lots of money for the pro version: infinite sliding function and links on the images, for instance. All in all, a great plugin.

I have been trying to find out a good carousel plugin. All plugins have too much setup options and also not working properly as I want. Then I found this one and I really thank the developer for such a clean and nice work. Almost all options are available in such a nice way. I really really like this plugin a lot.

Nice and Excellent plugin for wordpress.

Functionality is great. With a bit of css, I was able to get it to look exactly as I needed.

perfect plugin, I love it.

Lousy plug-in. It doesn't even display the images in the carousel, it just throws them together in a column individually. Needs some serious work.

Посмотреть все 102 отзыва

«Carousel Slider» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники
version 1.9.3 — 2019-11-17
  • Tweak — Checked version compatibility with WooCommerce 3.8.*
  • Tweak — Checked version compatibility with WordPress 5.3.*
  • Add — Add settings to enable/disable loading scrips and styles to all pages.
  • Tweak — Rename «WPBakery Visual Composer» to «Visual Composer Website Builder»
version 1.9.2 — 2019-05-26
  • Fix — Fix Carousel slider showing hidden products
  • Tweak — Checked version compatibility with WooCommerce 3.6.*
  • Tweak — Checked version compatibility with WordPress 5.2.*
version 1.9.1 — 2019-05-07
  • Tweak — Add WP_Post class as first params on carousel_slider_post_read_more filter hook.
version 1.9.0 — 2019-01-20
  • Tweak — Checked version compatibility with WooCommerce 3.5.*
  • Tweak — Checked version compatibility with WordPress 5.0.*
  • Tweak — Add Gutenberg block for carousel slider.
  • Fixed — Hero banner slider heading and description style is not working.
  • Fixed — Disable magnific popup counter as it show wrong count.
  • Fixed — Fix «Link to URL» value is not deleting.
  • Fixed — Post carousel border does not show properly.
  • Tweak — Update post carousel style.
  • Tweak — Update product carousel style with equal item width.
  • Fixed — Product carousel star rating color does not work.
  • Tweak — Removed «Columns Height» field from post carousel as it no longer required.
  • Tweak — Slider item equal height for post and product carousel (issue #5)
  • Dev — Two new filter carousel_slider_post_read_more and carousel_slider_post_excerpt_length has been added.
version 1.8.9 — 2018-07-12
  • Tweak — Update Owl Carousel version to v2.3.4 as fix rewind issue.
  • Tweak — Transfer inline script to external file so that it should not conflict when combine scripts.
  • Fixed — PHP notice of terms if WooCommerce is not installed.
  • Dev — Tested with WooCommerce version 3.4
version 1.8.8 — 2018-04-18
  • Fixed — Roll back to Owl Carousel version 2.2.1 as new version has a bug relating to rewind feature that creates conflict with previous version.
version 1.8.7 — 2018-03-26
  • Fixed — Navigation is now showing when set always.
version 1.8.6 — 2018-03-17
  • Dev — Update Owl Carousel from version 2.2.1 to version 2.3.2
  • Tweak — Update Owl Carousel style for new version.
  • Added — Added video description for hero carousel on readme.txt file and Documentation admin menu.
version 1.8.5 — 2018-01-31
  • Fixed — Fixed syntax error for short array syntax on PHP 5.3
version 1.8.4 — 2018-01-25
  • Added — Add content animation for hero carouse slider.
  • Fixed — Open Slide Link In New Window issue
  • Removed — Fixed Width and Height for video carousel.
  • Added — Add lightbox support for video carousel
version 1.8.3 — 2017-12-01
  • Added — Background Overlay color for hero carousel.
  • Added — Ken Burns Effect for hero carousel.
  • Tweak — Update hero carousel style.
  • Removed — Heading and Description background color.
  • Dev — Load non-minified version when script debug is enabled.
  • Dev — Update core code.
version 1.8.2 — 2017-11-03
  • Fixed — Fixed color overlapping issue on WordPress 3.9
version 1.8.1 — 2017-11-03
  • Added — Auto Width: set item width according to its content width.
  • Added — Stage Padding: Stage padding option adds left and right padding style (in pixels) onto stage-wrapper.
  • Fixed — Carousel Slider widget only show latest five slider.
  • Fixed — arrows is showing on mobile device.
version 1.8.0 — 2017-09-30
  • Added — Hero banner slider(beta)
  • Added — Hero banner slider: Add unlimited number of slide
  • Added — Hero banner slider: Delete and sort(up, down, top, bottom) slide
  • Added — Hero banner slider: Slide background with color, image and more
  • Added — Hero banner slider: Slide title and description
  • Added — Hero banner slider: Up to two call to action buttons with full style
  • Added — Arrow Nav: Position (Inside or Outside)
  • Added — Arrow Nav: Custom Size
  • Tweak — Arrow Nav: Always visibility
  • Added — Bullet Nav: Position (Left, Center or Right)
  • Added — Bullet Nav: Custom Size
  • Added — Bullet Nav: Square or Circle Shape
  • Tweak — Arrow Nav: Option to enable visibility only on hover
  • Tweak — Alpha color picker for choosing color
  • Added — WooCommerce product categories list carousel.
  • Fixed — Fix featured and top rated products on WooCommerce 3.x.x
  • Fixed — Fix popup/modal not working always
  • Tweak — Update owlCarousel version 2.2.1
version 1.7.4 — 2017-08-26
  • Fixed — Fixed syntax error for short array syntax on PHP 5.3
version 1.7.3 — 2017-08-25
  • Added — JSON-LD structured data for post carousel.
  • Added — Added uninstall.php file to remove data on uninstall.
  • Added — Added admin only notice for deprecated shortcode.
  • Fixed — get_product() deprecated notice on WooCommerce version 3
  • Fixed — Fixed error on WooCommerce version 2.6.* and 2.5.*
  • Tweak — Remove dependency over jquery.livequery.js and update admin javascript.
  • Tweak — Refactor code with WordPress coding style.
version 1.7.2 — 2017-04-07
  • New — Structured data generator using JSON-LD format for Product Carousel and Gallery Image Carousel.
version 1.7.1 — 2017-04-05
  • New — WooCommerce 3.0.0 compatibility
  • Fixed — get_product() has been replaced with wc_get_product()
  • Fixed — get_rating_html() has been replaced with wc_get_rating_html()
  • Fixed — Fixed id was called incorrectly (Product properties should not be accessed directly) notice.
version 1.7.0 — 2017-03-12
  • Added — WooCommerce Product carousel.
  • Added — WooCommerce Product Quick View button.
  • Added — WooCommerce Product wishlist button (Required YITH WooCommerce Wishlist).
  • Added — Unlimited colors for Product button and title.
  • Added — Lightbox support for images carousel.
version 1.6.3 — 2017-01-31
  • Added — Added title option for carousel slider widget.
  • Tweak — Tweak at post carousel admin interface.
  • Tweak — Added new carousel_slider_load_scripts filter hook for modifying scripts load conditions.
  • And some other tweak for coding improvement.
version 1.6.2 — 2017-01-27
  • Fixed — Removed PHP trait to add support to PHP 5.3 as some users still use PHP 5.3
  • Fixed — Fixed issue to make all carousel slider type to Image Carousel on activation.
version 1.6.1 — 2017-01-12
  • Added — Show posts by Post Categories, Post Tags.
  • Added — Option to choose query type — Latest Posts, Date Range, Post Categories, Post Tags or Specific Posts.
  • Added — Added option to set link target for image carousel when click on image.
  • Fixed — Fixed issue for not saving value from multiple select when no/empty value.
  • Updated — Pre and Next Navigation buttons has been changed by inline SVG images.
version 1.6.0 — 2016-12-22
  • Added — «Link to URL» field at WordPress media uploader for linking carousel image.
  • Added — Video carousel slider with custom height and width.
  • Added — Posts carousel slider supporting Specific posts, Posts per page, Date range query and ordering posts.
  • Added — Images carousel using custom URL with sorting, custom title, custom caption and link to URL features.
  • Added — New breakpoint for Extra Large Desktop Layout
  • Updated — Owl Carousel v2.2.0 javaScript library
  • Shortcode [carousel] and [item] has been deprecated but backup up for previous versions.
  • Documentation enhancement and improvements.
version 1.5.3 — 2016-12-08
  • Fixed — Issue for not saving zero value for margin.
version 1.5.2 — 2016-12-03
  • Added — Added options to show title and caption on carousel item.
  • Added — Lazy Load of images.
  • Added — Support multiple carousel slide at same page.
  • Added — New Carousel Slider Widget to add carousel at widget. Especially helpful for page builder that use widget like «SiteOrigin Page Builder».
  • Added — New Element added for Visual Composer Website Builder. If you are using Visual Composer Website Builder.
  • Merged — All CSS styles in on file.
version 1.5.1 — 2016-08-11
  • Version compatibility check and some bug fix.
version 1.5.0 — 2016-02-05
  • Added graphical interface to add carousel
  • Added shortcode attributes ‘inifnity_loop’, ‘autoplay_timeout’, ‘autoplay_speed’, ‘slide_by’, ‘nav_color’, ‘nav_active_color’, ‘margin_right’
  • Removed shortcode ‘carousel_slider’ and ‘all-carousels’
  • Removed shortcode attributes ‘pagination_speed’, ‘rewind_speed’, ‘scroll_per_page’, ‘pagination_numbers’, ‘auto_height’, ‘single_item’
version 1.4.0
  • Added option to add custom image size
  • Added option to link each slide to a URL
  • Added option to open link in the same frame as it was clicked or in a new window or tab.
  • Added feature to add multiple slider at page, post or theme by custom post category slug
  • Re-write with Object-oriented programming (OOP)
version 1.3.0
  • Tested with WordPress version 4.1
version 1.2.0
  • Fixed bugs regarding shortcode.
  • Added href=»» to add link to post, page or media
  • Translation ready
version 1.1.0 — 2014-07-15
version 1.0.0 — 2014-06-30
  • Первая версия.

Carousel — Плагин для WordPress

Carousel sliders is now a must have feature in all business, portfolio or any web template. Along with fullscreen image sliders we can see that horizontal carousel image sliders works well with any website design and are implemented alongside. Sometimes slider needs to be one by third of a website page and that is where tiny carousel sliders come in with loads of transitions effects and even with responsive layout. eCommerce websites may be the best benefited from these sliders as they need to showcase many pics in an individual post or page. With this Image Carousel plugin you will easily create beautiful & fancy image carousel just in minutes.

We also provide gallery lightbox plugin that will display the large version of the image carousel in lightbox mode. Just download Gallery Lightbox Plugin, install, sit back and enjoy 🙂

Why should I use this Plugin?
  • Compatible with WordPress Block (Gutenberg)
  • Fully responsive — will adapt to any device
  • Advanced touch / swipe support built-in
  • Uses transitions for slide animation
  • Fully themed, simple to implement
  • Browser support: Firefox, Chrome, Safari, iOS, Android, IE7+
  • Tons of configuration options
  • Add-ons support
Демо

Рекомендуемые плагины

The following are other recommended plugins by the author:

  • Best Gallery Plugin — Easy Media Gallery is a wordpress plugin designed to display various media support including grid gallery, galleries, photo album, multiple photo albums, portfolio, photo gallery or image gallery.
  • Best Contact Form — The Best Contact Form Plugin to create awesome Contact Form in minutes.
  • Best Image Slider Plugin — Easy Image Slider Widget — Displaying your image as slider in widget/sidebar area with very easy. Allows you to customize it to looking exactly what you want.
  • Best Popup Plugin — The Best Notify and Subscription Form Plugin to display notify popup, announcement and subscribe form with very ease, fancy and elegant.
  • Best Gallery Lightbox — Gallery Lightbox — Displays all gallery images into the lightbox slider in just a few seconds
Перевод
  • Deutsch / Deutschland
  • Francais / France
  • Italy
  • Swedish
  • Bahasa Indonesia
  • Polish
  • Greek
  • Датский
NOTE

If you would like to create your own language pack or update the existing one, you can send the text of PO and MO files for GhozyLab and we’ll add it to the plugin. You can download the latest version of the program for work with PO and MO files Poedit.

Техническая поддержка

If any problem occurs or if you think, that you found a bug please contact us at [email protected]

Image Carousel step by step guide

There are no complicated instructions for using Image Carousel plugin because this Carousel plugin designed to make all easy. Please watch the following video and we believe that you will easily to understand it just in minutes :


  • On Frontend
  • On Backend

Этот плагин предоставляет 1 блок.

carousel/block
Carousel
For automatic installation:

The simplest way to install is to click on ‘Plugins’ then ‘Add’ and type ‘Image Carousel’ in the search field.

For manual installation 1:
  1. Login to your website and go to the Plugins section of your admin panel.
  2. Click the Add New button.
  3. Under Install Plugins, click the Upload link.
  4. Select the plugin zip file (image-carousel.x.x.x.zip) from your computer then click the Install Now button.
  5. You should see a message stating that the plugin was installed successfully.
  6. Click the Activate Plugin link.
For manual installation 2:
  1. You should have access to the server where WordPress is installed. If you don’t, see your system administrator.
  2. Copy the plugin zip file (image-carousel.zip) up to your server and unzip it somewhere on the file system.
  3. Copy the «image-carousel» folder into the /wp-content/plugins directory of your WordPress installation.
  4. Login to your website and go to the Plugins section of your admin panel.
  5. Look for «Image Carousel» and click Activate.

For Mac Users

  • Go to your Downloads folder and locate the folder with the plugin.
  • Right-click on the folder and select Compress.
  • Now you have a newly created .zip file which can be installed as described here.*
  • Click «Install Now» button.
  • Click «Activate Plugin» button for activating the plugin.
How can I get support?
  • We are not able to provide anything other than community based support for Image Carousel Plugin.
How can I say thanks?
  • Just recommend our plugin to your friends! or
  • If you really love Image Carousel Plugin any donation would be appreciated! It helps to continue the development and support of the plugin.
    But seriously, I just want to drink coffee for free, so help a developer out. You can use this link Donate to Image Carousel.

I had installed this and related plugins to try and get nice looking galleries. It did the job well, however, it also replaced the featured images on my site with cropped and blurred versions of pictures, so I had to disable this plugin :/

Another plugin that focuses on the pro version. Didn't size photos correctly and was generally ugly. Wouldn't ever use it again. Sorry

This was the perfect plugin for me to create a "New Books" carousel! I can add links to the thumbnails. So it does exactly what I needed. I can also resize the thumbnails to the width that I need 🙂 Pretty cool little plugin! Thank you so much 🙂

Loaded the gallery before the jQuery, so all I got was an error...

dov not work and spoilt all web

Scrolling on mobile is slow thanks to your obnoxious animations. Transition also glitches so that sometimes moving to the second or third image doesn't work

Посмотреть все 13 отзывов

«Carousel» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники
1.0.0.25
  • Fixed : RTL language issue
  • Fixed : Many other PHP and CSS clean and optimization
1.0.0.23
  • Tweak : Gutenberg Block compatibility
  • Fixed : Carousel not start from first image
  • Fixed : Carousel auto height
  • Fixed : Carousel columns
  • Fixed : Many other PHP and CSS clean and optimization
  • Timestamp : none
1.0.0.21
  • Update : POT file and All Languages
  • Update : WordPress 4.8 compatibility
  • New : Polish Language ( pl_PL )
  • Timestamp : 03/13/2016 11:57:38
1.0.0.19
  • Added : New Option to Enable / Disable Fancy Caption
  • Timestamp : 02/06/16 17:14:18
1.0.0.17
  • Added : New option to disable / enable image auto height
  • Fixed : Wrong class name and markup on Free Plugins Page
  • Tweak : Free Plugins Page styles
  • Timestamp : 02/01/16 08:58:12
1.0.0.15
  • Tweak : Ability to use multiple gallery ID on same page / post
  • Timestamp : 01/29/16 06:17:19
1.0.0.13
  • Tweak : New option to purge cache
  • Tweak : Changelog list on plugin page when available new version
  • Timestamp : 01/26/16 10:21:58
1.0.0.11
  • Fixed : Lightbox thumbnails count issue ( duplicate ) when use Gallery Lightbox plugin
  • Timestamp : 01/08/16 16:13:46
1.0.0.10
  • Fixed : Thickbox ( add_thickbox ) issue on Free Install Plugins Page
  • Timestamp : 12/17/15 13:19:48
1.0.0.9
  • New : Language ( sv_SE )
  • New : Language ( el_EL )
  • Timestamp : 11/06/15 05:55:22
1.0.0.7
  • New : Language ( it_IT )
  • New : Language ( de_DE )
  • New : Language ( fr_FR )
  • New : Language ( id_ID )
  • Timestamp : 10/16/15 06:03:01
1.0.0.5
  • Tweak : Change text domain to plugin slug
  • Timestamp : 10/09/15 09:30:57
1.0.0.3
  • Added preloader to settings tabs
  • Timestamp : 09/29/15 09:25:20
1.0.0.1
  • Addons ready
  • Timestamp : 09/13/15 01:09:20
1.0.0.0
  • This is the launch version. No changes yet.
  • Timestamp : 08/21/15 04:55:35

7 лучших WordPress плагинов для создания галерей, слайдеров и каруселей

Image by Sean MacEntee

Не ошибусь, если скажу — карусель изображений и мозаичные галереи в Jetpack — наиболее узнаваемый вид стандартных галерей WordPress; плагин от Imagely, NextGEN Gallery — быть может наиболее известный плагин для управления галереями на своем сайте, но к сожалению оба они содержат избыточный функционал… Сначала, пока изучаешь преимущества, — мало уделяешь внимание недостаткам, но они существенны:

  • большинства настроек никогда не коснешься и многих функций никогда не узнаешь,
  • но вот повышенные серверные требования заметишь.

Нашлись энтузиасты, которые не поленились вынести модуль Jetpack в отдельный плагин, — Tiled Gallery Carousel Without JetPack. Минимум настроек, максимум производительности. На любой теме, с поддержкой Jetpack, работает корректно. Можно «прикрутить» WP Featherlight, никаких настроек, максимум производительности и никаких отвлекающих элементов, и будет совсем красота 🙂

Кому не нравятся такие «пляски», предлагаю взглянуть на альтернативы NextGEN Gallery. Их немного (если говорить про оптимизированные решения), как бонус — плагины для создания качественных слайдеров — могут пригодиться (зависит от задач).

Приступим:

  1. Responsive Lightbox & Gallery. Поддержка Visual Composer, — актуально для тех, кто использует премиальные темы, но это не главное, конечно. Плагин отлично «устроен», функций много (но это не сказывается на производительности). Можно использовать с галереями WordPress, включить принудительную поддержку всех изображений и в том числе — галереи продуктов WooCommerce, и многое другое…
  2. Photo Gallery by Envira. Плагин называют прямой альтернативой NextGEN Gallery — благодаря отличной оптимизации. Полноэкранные галереи, карусели, защита снимков, интеграция социальных сервисов, синхронизация фотогалерей из Adobe Lightroom, — и чего тут только нет… Правда полноценная версия — Pro, а базовая годится разве что для фотоблога…
  3. Image Photo Gallery Final Tiles Grid. Есть поддержка WooCommerce; галереи-снимки и галереи-портфолио — важное разделение; плитки и карусели — привет Jetpack! Еще здорово, что можно изменить отступы между изображениями, выбрать лайтбокс (хотя, конечно, это все позволяют, просто забыл указать). Скорее всего, авторы вдохновились Jetpack и услышали глас народа 🙂
  4. WordPress Gallery Extra. Самый интуитивно понятный плагин (на то и премиум). Его ценят за функционал — оптимальный набор инструментов и множество шаблонов; где возможно — разработчики продолжают упрощать (чтобы пользователи любого уровня понимания устройства WordPress могли спокойно использовать плагин — похвально).
  5. Gallery Factory. Material Design, 3 лайтбокса и редактор визуальных макетов — это не самый навороченный плагин, по функционалу, но, благодаря редактору, можно создать галерею под большинство WordPress тем. Хорошая оптимизация, отличная поддержка, — за это его и выбирают.
  6. Smart Slider 3. Полноценный конструктор слайдов. Есть базовые шаблоны; остальное ограничено только вашей фантазией. Благодаря поддержке Elementor, Visual Composer, Beaver Builder и прочих конструкторов страниц, отлично работает на любых темах. Не поленитесь изучить документацию плагина — много интересного.
  7. Master Slider. В техническом плане, лучший плагин для создания слайдеров для сайта на WordPress, по удобству — тут, конечно, всегда на вкус и цвет… Бесплатная версия с рядом ограничений, но создать гармоничный и качественный слайдер получится. Если не устраивает его стоимость и как раз планируете выбрать одну из премиальных тем, в описании темы ищите Master Slider, — на его основе часто создают главные страницы. Сэкономите на лицензии.

Примечание:

Photo Gallery, Grand Flagallery, FooGallery — технически, хороши, но количество визуального «мусора» слишком велико, — внимание зрителя рассеивается; не рекомендую.

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

Внимательно отслеживайте обновления и не ленитесь читать журнал изменений.

Мир всем, и попутного света на местах фотографических баталий.
Ваш,
Андрей Бондарь.

Рекомендую к прочтению:

Как выбрать плагин слайдера и карусели для wordpress

Особенности карусели SLIDE ANYTHING

Особенности: добавлять картинки одного размера (нет автоматической обрезки), изображение открывается при клике в новом окне. а не в лайтбоксе (нужно приобрести про версию для большей функциональности).

Примеры слайдера и карусели Carousel Slider

В этом слайдере можно выбрать размер миниатюры и при наличии различных картинок (но не меньше, чем заданные параметры миниатюр) их можно будет вывести одинаковыми. В образце я добавила как большие, так и меньшие по сравнению с настройками вывода миниатюр. Вы видите, что все большие картинки выводятся как 300 на 300 пикселей. Весь слайдер можно просматривать в лайтбоксе и закрыть просмотр нажатием на крестик. Нужная галочка доступна в бесплатной версии - Show Lightbox Gallery. По удобству и простоте - оценка отлично.

Плагин Ultimate Carousel For WPBakery Page Builder (formerly Visual Composer)

Для использования нужно открыть страницу с помощью viusal composer page builder.

Плагин WP Slick Slider and Image Carousel

Пример шорткода slick-carousel-slider design="design-6" centermode="true" slidestoshow="3": [slick-carousel-slider design="design-6" centermode="true" slidestoshow="3" category="384"]

Эффект интересный, но не увеличиваются картинки при нажатии для более детального просмотра. Можно поставить вручную ссылку на оригинал картинки, но это будет переход на другую страницу. А нужен эффект всплывающего лайтбокса - lightbox image gallery.

Плагин WordPress Carousel

Разные размеры картинок не обрезаются до одного размера и нет лайтбокса. Есть версия про. Вставляется галерея с самого вордпресс и в шорткод добавляется wcp

Плагин Tiled Gallery Carousel Without JetPack

Это привычная галерея вордпресс с эффектами. Делаются несложные настройки, если меняете дефолтные и вставляется галерея с вордпресс обычным способом. При этом добавляется выбор типа показа миниатюр от этого плагина.  Все очень просто. Но нет настройки показа в виде карусели. Если много картинок, то все они будут выводиться с разными эффектами на странице. Есть просмотр в лайтбоксе. Картинки приводятся к одному размеру выбранной миниатюры.


Плагин Content Grid Slider для вывода записей. 

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

Плагин Featured Content Slider хоть и не так прост в настройке, но хорошо выводит записи в галерее. Вы можете настроить показ последних записей из множества категорий. Но проблема в одном, этот плагин давно не обновлялся. Поэтому засомневалась, стоит ли его ставить?

В поиске свежих разработок для вывода контента, я наткнулась на одно эффектное расширение для блога wordpress.  Называется Content Grid Slider.

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

Таким образом, можно построить навигацию с миниатюрами и ссылками на самые важные разделы. Как это выглядит, вы видите на скриншоте выше.

Вставить слайдер можно несколькими способами:  с помощью короткого кода (шорткода) на страницу, вставить в текстовый блок виджета или добавить php код в файлы шаблонов вашей темы.

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

Возможно, эта фишка еще кому-то будет полезной! 


Подборка из 3 лучших слайдеров WordPress

Слайдеры визуально украшают сайт и привлекают внимание к публикациям. Этим можно пользоваться, задавая определенные категории и статьи для показа в слайд шоу.

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

Плагин Meteor Slides

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

С этим слайдером вы легко создадите сколько нужно слайдов и вставите с помощью короткого кода (шорткода) в любое место.

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

Русский язык поддерживается, что радует.

Слайдер будет хорош на любых мобильных устройствах. Это на сегодняшний день одно из главных технических требований.

 

Скачать Meteor Slides по ссылке: https://wordpress.org/plugins/meteor-slides/

 

Tribulant Slideshow Gallery

Этот слайдер тоже красивый. Вы легко вставите слайды с помощью шорткода прямо в редакторе вордпресс в содержание записей и страниц.

Для этого, вставьте в нужное место шорткод:

[tribulant_slideshow]

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

Скачать и ознакомиться с инструкцией по установке Tribulant Slideshow Gallery на странице https://wordpress.org/plugins/slideshow-gallery/installation/

WordPress Content Slide

Плагин используется для создания полностью настраиваемых JavaScript вращающихся изображений в слайд-шоу в любом месте вашего WordPress сайта.

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

Встраивается в любом месте блога. Пользовательские опции включают в себя размер слайдов, цвет, стиль и еще многое другое.

В то место, где хотите видеть слайды, вставьте php код.

Код скопируйте на странице скачивания WordPress Content Slide https://wordpress.org/plugins/content-slide/installation/


Как выбрать плагин галереи для wordpress

будем выбирать плагин галереи для нашего блога. Галерея делает показ постов и фотографий эффектным и более удобным. Для каждого проекта свои требования. И я постараюсь сделать полную подборку существующих плагинов вордпресс для создания фотоальбома и галереи.

Лучшие плагины галереи 

NextGEN Gallery

NextGEN Gallery с миниатюрамиNextGEN Gallery считается общепризнанным лучшим плагином. Из плюсов — у него множество настроек и функций. Минусом является то, что он достаточно тяжелый и создает нагрузку на сервер. И очень часто вебмастера жалуются, что он вообще не работает.

Установка

Скачать NextGEN Gallery по ссылке https://wordpress.org/extend/plugins/nextgen-gallery/
Активировать
Русификация добавляется в папку /wp-content/plugins/nextgen-gallery/lang
Файл перевода NextGEN Gallery на русский язык.

Настройка

Основные настройки можно не трогать — все уже сделано по умолчанию. В основном, может понадобиться изменить размер самих миниатюр.
В меню «Тамбнейлы» — меняете размер и качество превьюшек (миниатюр).
В меню «Изображения» — здесь главное поставить галочку напротив кеширования картинок для уменьшения нагрузки. По умолчанию она должна быть включена.
В меню «Галерея» можно изменить количество показываемых картинок и разные другие, например, «смотреть слайдшоу».
На следующих вкладках можно поэкспериментировать с эффектами, водяными знаками.

Создание галереи в NextGEN Gallery

В папке  wp-content создайте папку gallery и дайте ей права 777. На различных хостингах права могут отличаться, например, достаточно дать папке права 755 и все будет работать.
Затем идем в меню галереи «Добавить галерею/изображение». Называйте по-английски. При удачно выполненной операции вы увидите сообщение, что галерея создана.
Теперь можно загружать картинки со своего компьютера. Если у вас много изображений, то можно их положить в один архив ZIP и загрузиить его. Плагин все изображения сам разаархивирует в нужную папку.
У каждой картинки будет свой идентификатор ID.
Добавить в пост любую созданную галерею легко в визуальном редакторе, нажав на специальный появившийся значок.
Любуйтесь постом с превьюшками этих картинок. При нажатии на миниатюры открывается эффектный просмотр.
 

Lightbox Gallery

Lightbox GalleryЭтот плагин умеет осветлять внешний вид галереи,  делить страницу галереи на несколько страниц и многое другое.

Скачать https://wordpress.org/plugins/lightbox-gallery/

WordPress Polaroid Gallery

Polaroid GalleryПохож на Lightbox Gallery, но изображения похожи на вывод в стиле “Polaroidа”.

Скачать https://wordpress.org/plugins/polaroid-gallery/

Slideshow Gallery

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

Скачать https://wordpress.org/plugins/slideshow-gallery/

Tinymce Thumbnail Gallery

Tinymce Thumbnail GalleryЕще один простой в использовании плагин для галерей. Он давно не обновлялся, является устаревшим.

Скачать https://wordpress.org/plugins/tinymce-thumbnail-gallery/

Плагины вордпресс фото альбомов, видео  и галерей.

WordPress DM Albums — фотоальбом и галерея. DM Albums умеет выбирать масштаб изображения, соответсвующий размеру экрана у пользователя. Отображает альбомы плавно, благодаря AJAX. В настоящее время его нет для скачивания на wordpress.org.

GRAND FlAGallery

 FlAGalleryЭто многофункциональный плагин для создания фото, галереи, видео-галереи, встроенного альбома для музыки.  Имеется сильное администрирование для управления медиа-контентом.  Вы сможете обрабатывать галерею изображений, аудио и видео.
Скачать https://wordpress.org/plugins/flash-album-gallery/

Auto Highslide — фото галерея.

Простой в использовании. Залил, активировал и он работает. Плагин делает эффектным просмотр любой миниатюрной картинки в блоге. Достаточно пользователю нажать на миниатюру и всплывет полное изображение. Все. Просто и понятно всем! Чтобы не возникло проблем при просмотре, следите, чтобы при вставке картинки была нажата «ссылка на исходное изображение» или «ссылка на файл».

WP jQuery Lightbox — плагин фотогалереи.

WP jQuery LightboxКак и Auto Highslide, выводит всплывающие картинки на блоге.

Скачать https://wordpress.org/plugins/wp-jquery-lightbox/

SlideDeck 2 Lite Responsive Content Slider

SlideDeck 2 Lite Responsive Content SliderВы легко настроите вывод контента вашего блога в виде слайдера. В этот слайдер войдет абсолютно все: тексты, фото, видео.

Скачать https://wordpress.org/plugins/slidedeck2/

Yet Another Photoblog

Скачать https://wordpress.org/plugins/yet-another-photoblog/

Yet Another PhotoblogПлагин Yet Another PhotoBlog сделает вам фото-блог. Есть перевод на русский язык.

Плагин фотогалереи – Fotobook.

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

Для импорта фотографии в галерею используют Facebook API.

Скачать https://wordpress.org/plugins/fotobook/

Примечание: в настоящее время плагин давно не обновлялся.

Плагин фотогалереи — AWSOM Pixgallery

AWSOM PixgalleryБудет полезным для всех, кто занимается веб-дизайном, графическим моделированием,  художественной фотографией. Вы легко сделаете фото-архивы или фотогалереи, а также профессиональное портфолио.

Скачать https://wordpress.org/plugins/awsom-pixgallery/

Тоже заброшен разработчиками.

PhotoSmash Galleries

PhotoSmash GalleriesЭтот плагин вставит фотогалерею в пост, разрешит читателям вашего блога загружать свои фотоснимки на ваш блог или на другой.

Скачать https://wordpress.org/plugins/photosmash-galleries/

FancyBox for WordPress

FancyBox for WordPressFansyBox – простая установка, ничего не нужно настраивать. Работа с изображениями осуществляется с помощью jQuery.

Скачать https://wordpress.org/plugins/fancybox-for-wordpress/
 


Featured Content Gallery

Featured Content Gallery — WordPress Plugin

играет основную роль в премиум теме WordPress Revolution Lifestyle

Про установку и настройку темы вы сможете прочитать отдельно.

Установка и настройка галереи

После загрузки и установки плагина, перейдите в меню настройки Featured Content Gallery в WordPress.
У галереи есть следующие настройки:
размеры,

варианты смены слайдов,

отображение длительности,

а также категории,

идентификаторов выводимых постов.

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

Размещения содержимого просто, не волнуйтесь.

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

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

Описание всех ключей для заполнения произвольных полей в вордпресс.

Ключ articleimg — (необходимый) используется для определения основной картинки для галереи.

Ключ thumbnailimg — (дополнительный) используется для отображения миниатюры.
Без этого ключа, основное изображение будет автоматически кадрировано в любом месте рисунка.

Кдюч featuredtext — (дополнительный) ввод вашего текста, который будет отображаться в текстовой области.
Без этого приблизительно 100 типов текста из поста или страницы отображается по умолчанию.

Кдюч alttext — (дополнительный). Без этой величины, картинка не будет иметь alt текст.

При добавлении собственных изображений, пользовательского текста или Alt метки Вам необходимо добавить thumbnailimg, featuredtext или alttex в форме произвольных настраиваемых полей.

Везде пишется ключ и его значение.

Рекомендуемые настройки Галереи Featured Content Gallery

Обрезание изображения до одного размера используется для улучшения отображения.

Наложение текста по умолчанию высотой 50px, этого достаточно для показа заголовка и двух строк текста. Для тех, кто не понимает о чем речь — поясняю, что внизу каждой картинки появляется полупрозрачная полоска шириной 50px или вашей и на ней написан заголовок, текст. Все настраивается.

Чтобы найти пост или страницу идентификаторов в своем блог, жмем редатировать и при наведении на название страницы, поста, а также и рубрики в конце URL просматривается ID, равное числу.

Важно в настройке галереи вордпресс вписывать идентификаторы, разделив их с запятой, но не использовать пробелы.

Вы должны иметь не менее двух изображений для начала функционирования Featured Content Gallery.

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

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

Для пользовательских миниатюр изображений в верхней карусели, просто добавьте thumbnailimg настраиваемого поля на свой пост или страницу, и установите флажок рядом с этим вариантом.
По умолчанию эскизов размером 100px х 75px. Используйте эти же размеры при использовании пользовательских изображений.

Для пользовательских текста добавить featuredtext настраиваемого поля и ввести в текст в качестве значения (HTML разрешен). Установите флажок рядом с этим вариантом, чтобы использовать ваш собственный текст со страницы или после названия.

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

Цвет текста не требует пояснений. Используйте #FF0000.

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

1000 миллисекунд = 1 секунда. Нельзя менее 1000 миллисекунд (1 секунду). Нельзя перейти на менее чем 500 миллисекунд (5 секунд).

Если вы не используете featuredtext настраиваемого поля, по умолчанию галерея будет отображать 100 слов содержанию. Это также зависит от размера вашего текста

Обновление Featured Content Gallery скачивайте с оф. сайта автора галереи.

Обновление плагина

Если у вас установлена предыдущая версия плагина, а так будет, если вы воспользуетесь скачанной темой Revolution Lifestyle и соответственно с идущей в ней версией плагина.
Обновление до новой версии является очень простым процессом. Просто удалите старый плагин, загрузите новый, включите его и убедитесь, что вы используете правильный код.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *