Привет. На повестке сегодняшнего дня еще один симпатичный и удобный слайдер — карусель. TouchCarousel — Posts Content Slider for WordPress — за этим довольно длинным названием прячется именно тот слайдер который мне так был необходим в одном из проектов. Давайте посмотрим, что он из себя представляет и что умеет.
TouchCarousel — гибко и в тоже время, очень просто настраиваемый WordPress , предназначенный, как мне видится, не столько в качестве основного для главной страницы сайта, а скорее для вставки в отдельные записи, страницы, сайдбары, футеры. Хотя в принципе, ничего не мешает вывести его и в качестве основного слайдера на главной. Лично мне в свое время, он был необходим именно для вывода контента (записей) в сайдбаре строго по рубрикам. И со своей задачей он прекрасно справился.
Давайте перечислим основные возможности и достоинства TouchCarousel
- Выводит как картинки так и записи с гиперлинками.
- Перелистывание слайдов возможно как автоматически, так и просто движением мышки (Mouse drag navigation ).
- Слайдер имеет четыре заготовленных заранее формы и пять оформления.
- Кроме этого вы легко можете создать свою собственную форму используя CSS. Для тех кто не знаком с этим делом, можно просто изменить параметры в одном их заготовленных вариантов и сохранить их как свой.
Установка плагина
Стандартная для премиум плагина установка. Скачал и залил на сервер через FTP или просто загрузить и активировать заранее скачанный плагин из админки в меню плагинов.
Описание и настройки
После установки в меню админки появится пункт TouchCarousel с единственной страницей — списком всех ваших будущих . Создаем вверху страницы новый слайдер — Add New и сразу переходим к его настройкам.
Задаем будущее имя.
Post type — выбираем целевые слайды показа. Категория, отдельные посты или страницы порфолио.
Post taxonomies — зависит от того что вы выбрали в предыдущем варианте. Выбираете категорию (категории тут, кстати, услужливо появляются сами, если они конечно есть), в других случаях, выводите соответствующие предметы портфолио или даже вашего интернет магазина.
Max posts to include – максимальное количество картинок для показа в слайдере.
Carousel item layout type:
Всего представлено четыре типа заранее заготовленных форм слайдера
Полная картинка с заголовком внизу 620×350
Картинка с текстом 620×270
Маленькая картинка с заголовками 226×70
И просто маленькая квадратная картинка с заголовком 170×170
Есть еще последний тип предназначенный для собственного варианта.
Внизу есть два окна Item layout HTML и Item layout CSS в которых вы можете легко внести любые правки и дополнительные настройки.
Справа находится панель General Options с множеством мелких настроек для созданного слайдера.
Можно подогнать точные размеры, отключить автопрокрутку, сменить скин, указать на сколько картинок за раз будет перемещаться карусель. Настроить показ различных элементов управления, подключить при желании к управлению клавиатуру и настроить скорость прокрутки слайдов.
Для вставки слайдера в текстовый в сайдбаре не забудьте поставить галочку в чекбоксе Preload files в General Options .
Вот такая, получается очень удобная каруселька — слайдер для вашего WordPress проекта. После создания оной и сохранения возвращаетесь к списку всех ваших слайдеров и копируете оттуда , который можете вставить где вам потребуется.
Приобрести плагин и получить прекрасную поддержку на русском языке вы можете на его официальной странице .
Подробное видео с примерами.
Не все слайдеры и слайд-шоу подходят для сайта. Порой они слишком большие, и закрывают собой всю остальную информацию. На коммерческих проектах, установленных на WordPress, лучше размещать компактные слайдеры, которые вместились бы в небольшой части страницы, при этом функционально переключались и не нагружали сайт.
Под это описание подходит карусель — это скрипт настраиваемого слайдера, который можно разместить в любой части веб-сайта.
Разумеется, самостоятельно закатывать рукава и печатать скрипт вы не будете — это долго, сложно и недостижимо для новичка. Потому вам лучше использовать плагин JQuery — модуль, который автоматически интегрирует JavaScript в структуру HTML-сайта. Существует множество по-разному оформленных дополнений для добавления слайдера карусель на сайт WordPress. Рассмотрим лучшие из них.
Slick
Разработчики Slick уверены, данный плагин удовлетворит любые потребности вебмастера. Если вам нужен слайдер карусель, то указанный модуль полностью удовлетворит ваш запрос. Им легко управлять — элементы в слайд-лист можно перетаскивать прямо с рабочего стола или папки. К тому же, плагин удобно отображается посетителям вашего сайта WordPress — с анимацией затемнения, либо с автоматической прокруткой. Модуль не займет много места на сайте, и работает оптимизировано, чтобы страницы со слайдами не загружались слишком долго.
Owl Carousel
Недавно вышла уже вторая версия инструмента — плагин Owl Carousel 2.0. Он подходит для тех, кто не любит предварительно подготавливать изображения для загрузки в слайдер карусель. Дополнение автоматически выравнивает пропорции картинок, чтобы пользователь мог видеть плавные, ровные слайды. Данный модуль практически не изменит время ответа страницы на запрос, так как в нем предусмотрена функция отложенной инициализации — изображения начинают загружаться только тогда, когда пользователь их просматривает.
Плагин Owl Carousel для WordPress отлично адаптируется под мобильные устройства — равномерно отображает даже самые большие картинки, при этом сохраняя целостность шаблона. Помимо картинок, вы сможете загрузить в карусель видео и анимацию.
Простой плагин для бесплатного добавления слайдера карусель на сайт WordPress. В нем нет ничего особенного по сравнению с другими модулями, но и явных недостатков он не имеет. Работает прилежно, функционально и корректно отображает картинки в слайдах. При помощи него можно создавать не только карусель, но и галереи фото. А если того требует расположение элементов, можно создать вертикальную прокрутку слайдов. Распространяется плагин Silver Track бесплатно.
Мощный плагин, которому сложно найти конкурента. Его преимущества:
- подстраивается под любую ширину экрана;
- формат контента в слайдере карусель можно «миксовать»;
- не нужно копаться в CSS для изменения стиля;
- весит менее 8 Кб, что никак не отображается на работе сайта WordPress;
- построен по последним технологиям библиотек JQuery;
- есть интегрированный прелоадер (индикатор прогресса загрузки изображения);
- пользователь может возвращаться в начало, в конец или на определенную часть слайд-шоу;
- автоматическая прокрутка;
- можно просматривать одиночные изображения из слайдера карусель на полный экран.
3D Carousel Gallery
Если вам уже надоели обыкновенные плоские слайдеры, тогда можете установить себе на сайт WordPress трехмерную карусель. Предоставляется плагин бесплатно. Причем каждый пользователь может внести в его код правки. В итоге, вы получите слайдер с плавным трехмерным эффектом перехода. Вот только настроек у этого модуля практически нет. Так что без знания языков программирования вам его не изменить.
3D Carousel Using TweenMax.js & jQuery
С этим слайдером не сравнится ни один из вышеперечисленных. Он позволяет создать по-настоящему 3D карусель. Пользователь сможет один поворотом мыши вращать по кругу отдельные слайды. Причем вращать их можно не только влево и вправо, но и вниз/вверх. Подходит для динамичного просмотра изображений на WordPress, если вам нужно не показать детали, а просто скрасить шаблон сайта какой-нибудь примочкой. Единственный минус плагина для WordPress в том, что он по-разному работает на различных браузерах и устройствах. Лучшая совместимость у этого 3D-слайдера с браузерами Хром и Сафари.
Это один из самых простых, и при этом популярных плагинов, основанных на технологии Bootstrap. С ним вы сможете установить на главную широкоформатный слайдер, который будет автоматически переключать квадратные слайды. По бокам интерфейса есть стрелки для переключения, и модуль эффективно адаптируется под другие устройства.
Это усовершенствованная версия предыдущего плагина для WordPress. Подходит для тех, кому надоела одна большая меняющаяся картинка на фоне главной страницы. Усовершенствование слайдера заключается в том, что он позволяет добавлять в один слайд сразу много картинок. Под каждым изображение можно добавить заголовок и краткое описание. Таким образом вы сможете эффектно и с изюминкой ознакомить пользователей с вашей продукцией и текущими акциями. Скорость автопрокрутки настраивается.
Это крошеный слайдер карусель, рассчитанный скорее для размещения в постах, нежели на главной странице. Tiny Circleslider отличается от обыкновенных прямоугольных и квадратных каруселей — это круглый модуль. И листается он совсем по-другому принципу — пользователи нажимают на номера слайдов, которые размещены по кругу. Либо вращает красный кружок, быстро переключая слайды между собой. На тех, кто с таким еще не сталкивался, данный плагин обязательно произведет должное впечатление, и ваш сайт WordPress запомнят!
Слайдер для размещения среди контента. Отлично подходит для добавления в статьи с пошаговыми уроками, чтобы аккуратно загрузить обучающие картинки. Хоть с виду это и маленький слайдер, в него можно вставлять крупные изображения. При наведении на большой вариант картинки в слайде, изображение автоматически увеличится в заданной области. Размещать слайдер можно как горизонтально, так и вертикально. Работает со всеми веб-браузерами, а также отлично отображается на смартфонах и других устройствах iOS и Android.
Wowslider
Слайдер WordPress, который содержит в себе более 50 различных анимационных эффектов переключения слайдов. Достаточно установить данный модуль, чтобы карусель на вашем сайте всегда была уникальной и неповторимой. Сможете добавить функцию предварительного просмотра слайда при наведении на пункты, описания картинок, визуальные эффекты перехода и многое другое. Wowslider предоставляется бесплатно!
Как выбрать правильную карусель для своего сайта WordPress?
Выбранный вами слайдер должен работать со всеми устройствами. Правильно определите размер плагина: для заголовка нужны большие слайды, а в постах — маленькие. Следите, чтобы модуль не тормозил сайт, и не добавляйте слишком много каруселей на страницы.
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
WordPress Carousel Pro
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.
Author
Скриншоты
Установка
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
- 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’
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
If you find a bug, please report it in our active support forum. You will be replied once the issue is resolved.
I’d like access to more features. How can I get them?
You can get access to more features when you purchase a license of the plugin. Purchasing a license of WordPress Carousel Pro gets you to access the full version of WordPress Carousel, automatic lifetime updates, and support.
Is WordPress Carousel Multilingual Ready?
Yes, WordPress Carousel is 100% translation ready and tested with WPML , Polylang , qTranslate-x , GTranslate , Google Language Translator , WPGlobus etc.
Is WordPress Carousel compatible with WordPress multisite?
Yes, WordPress Carousel works perfectly with WordPress multi-site network.
How to use ‘WordPress Carousel’ in WordPress 5.0 Gutenberg Block Editor
Adding a WordPress Carousel (Image Carousel, Post Carousel, Product Carousel) using the WordPress 5.0 Block Editor is pretty straight-forward. You can paste the generated shortcode into a ‘Paragraph Block’ or use the ‘Shortcode Block’. It works nicely as classic editor.
Do you Like this Plugin and want to encourage us for improvement?
Please give the plugin 5 stars rating and your precious appreciation will help us to make it much great in the future.
Слайдеры – это замечательный способ для отображения информации. Кроме того, что он позволяет на небольшой площади показать много всего, благодаря ему сайт становится более современным, привлекательным и запоминающимся. создано очень много, все они отличаются своими эффектами, возможностями и внешним видом.
Популярным и эффективным является один вид слайдера – карусель. В этой статье мы расскажем вам, как сделать такую карусель на сайте, которая будет отображать посты той или иной категории.
Слайдер для WordPress VG PostCarousel
VG PostCarousel – это слайдер для WordPress в виде карусели, который выводит посты по определённому признаку. Плагин показал себя как простое в использовании и креативное творение авторов. Для начала работы его необходимо скачать, установить и активировать. После этого у вас в консоли появится новый пункт «VG PostCarousel». Чтобы добавить новую карусель постов, нажмите «VG New Carousel».
В самом начале потребуется ввести название для создаваемого слайдера WordPress. Его не будет видно на сайте, оно необхолимо только для того, чтоб вы могли отличать все карусели друг от друга.
Затем, немного ниже вы увидите коды, которые позволяют воспроизводить создаваемый слайдер. Первый в квадратных скобках, шорткод – его можно использовать в записях и страницах, а второй – в файлах шаблона.
Ниже будет секция настроек с тремя вкладками. Рассмотрим эти опции.
- Global settings. Как понятно по названию, это самые главные общие настройки слайдера WordPress. Можно настроить цветовые параметры, отступы от элементов, размер карусели. Также здесь можно присвоить свой стиль CSS к слайдеру.
- Carousel settings. Здесь настройки самой карусели. Надо заметить особую возможность адаптивности данного слайдера. Так, в данной вкладке настроек можно выбрать самостоятельно, какой размер будет иметь слайдер на разных экранах устройств. О том, насколько важна адаптивность для современного продвижения сайта, вы можете узнать . Кроме того в этой вкладке можно настроить скорость слайдера, пагинацию, наличие или отсутствие тех или иных элементов управления и прочее.
- Post settings. Здесь настраиваются посты, которые будут выводиться в карусели. Можно определить, из какой рубрики брать записи, а также выбрать статус поста. Примечательно, что можно демонстрировать запланированные записи, таким образом, интриговать посетителей интересными материалами. Также здесь настраивается количество записей, и наличие или отсутствие разнообразных элементов.
(2
оценок, среднее: 5,00
из 5)
Вы, наверное, встречали всевозможные логотипы различных брендов на сайтах, занимающихся продажей своих услуг или товаров?
Если когда-нибудь вы задумывались о том, откуда они берутся, и хотели бы добавить подобную функцию на свой сайт, то в данной статье вы найдёте информацию о том, каким способом это можно сделать.
Единственное, что вам понадобится, это плагин, который поможет вам демонстрировать различные логотипы в слайдере или каким-либо другим способом. Мы предлагаем вам обзор лучших из подобных плагинов для WordPress.
Имеются как платные, так и бесплатные версии плагинов. Все они в основном предлагают аналогичные функции, хотя между ними есть небольшая разница. Вы сами можете выбрать для себя подходящий вариант. Кроме того, для некоторых плагинов имеется демо-версия, которую вы также можете использовать.
Для чего эти плагины используются?
Эти плагины служат только для отображения в интерактивной форме на вашем сайте логотипов других сайтов, компаний и фирм, которые могут быть вашими клиентами или поставщиками услуг. Никаких других функций они не имеют.
Некоторые плагины предоставляют пользователям дополнительные функции.
Лучшие плагины WordPress для отображения логотипов
1. Logos WordPress Plugin by CodeCanyon
Это первый плагин из магазина CodeCanyon. Он является одним из наиболее продаваемых плагинов, имея более 2000 зарегистрированных продаж. Logos имеет генератор шорткодов и визуальный редактор. Оба этих инструмента могут помочь пользователю в разработке элегантного, красивого и функционального способа отображения логотипов.
Вы сможете задать категории для логотипов и других графических объектов, которые будут отображаться на любом смартфоне, планшете или мобильном телефоне, потому что плагин использует отзывчивый интерфейс. Имеются различные способы отображения и стилизации логотипов. Также Logos предлагает виджеты, которые ещё больше упрощают работу.
Данный плагин можно приобрести всего за $14, такая версия может быть использована для одного товара или одного клиента. Плагин имеет опции, позволяющие выбрать в качестве способа отображения карусель, плитку или список. Для него не возникает проблем при работе с дисплеями с высоким разрешением.
2. Placid Slider
Плагин имеет полностью настраиваемую CSS, вертикальный и горизонтальный слайдер, отзывчивый дизайн, слайдер конвертируемых изображений, избранных постов или страниц, совместимость с SliderVilla и многое другое. Функция подсветки входит в список возможностей премиум версии, которая обойдётся вам всего в $8 для одного сайта и $25 для нескольких.
Плагин совместим с кросс-браузерами (даже последними Safari и Chrome) и последними версиями WordPress (4.0 и более поздними). Он имеет всю необходимую документацию и учебные пособия. В Интернете есть множество специальных форумов, которые помогут вам получить ответ на интересующий вас вопрос.
3. Kiwi Logo Carousel
Это самый популярный из бесплатных плагинов, доступных в репозитории WordPress. Он поможет вам добавить карусель с различными логотипами прямо на ваш блог или сайт. Причём разместить её можно будет в любом месте сайта.
Плагин имеет дополнительные функции: отзывчивый интерфейс, возможность задать собственную последовательность отображения логотипов, используя инструмент перетаскивания, поддержку более чем одной карусели, эффект чёрно-белого изображения и много других различных настроек.
4. Logo Slider
Следующий бесплатный плагин, имеющий высокую популярность и очень небольшой размер. Если вам нужен именно компактный вариант, то этот плагин для вас. Как и предыдущие, он имеет полностью отзывчивый интерфейс, а также простой загрузчик изображений, простую настройку изображений логотипов, инструмент перетаскивания drag and drop для изменения порядка отображения изображений в слайдере и коллекцию значков-стрелок.
5. Best Logo Slider
Это единственный плагин, для которого доступна как бесплатная, так и премиум версия. Базовая версия включает в себя такие функции, как поддержка пользовательских типов постов, отзывчивый интерфейс, удобство использования и простоту настройки, работу с OWL-Carousel, добавление в логотип внешней ссылки и возможность отображать заголовок под логотипом.
Премиум версия позволяет добавлять различные настройки слайдеров, визуальный редактор, дополнительную панель для лёгкой и более широкой настройки и контроллер размера изображений, а также имеет настройки адаптивности.
6. Logos Showcase plugin
Имеется ещё один плагин, о котором следует упомянуть. Это Logos Showcase plugin (премиум версия), включающий в себя практически все функции, перечисленные в описанных здесь плагинах и имеющий очень большой размер. Если вам не подошёл ни один из представленных выше плагинов, можете попробовать этот.
Заключение
Любой из описанных здесь плагинов может не содержать тех или иных функций, но теперь, по крайней мере, вы имеете о них общее представление. Возможно, данная статья помогла вам выбрать для себя подходящий плагин. Пожалуйста, поделитесь своим опытом в комментариях.