“Slider plugin” охватывает два совершенно разных продукта, и выбор неправильной категории стоит дороже, чем выбор неправильного плагина.
Ползунки и карусели перекрываются настолько, что стоит знать, какую из них вы на самом деле строите The полная линейка карусельных виджетов охватывает половину с боковой прокруткой и 3D-конструкции каруселей накрыть глубинные.
Одна категория - это автономные строители слайдеров, такие как Slider Revolution и Smart Slider, со своими редакторами, собственными временными линиями анимации и собственным счетом веса страницы. Другой - это виджеты слайдеров, родные Elementor, которые живут внутри редактора, который вы уже используете.
Семь вариантов в обеих категориях, оцениваемых по тому, что они могут построить и сколько они стоят странице.
Короткий ответ
| Плагин | Тип | Лучший для | Вес страницы |
|---|---|---|---|
| Мастер Аддоны | Виджеты Элементор + импорт | Ползунки героев внутри Элементора | Свет |
| Элементор Про (Медиа-карусель + Петля) | Родной | Динамические и медиа ползунки | Свет |
| Умный слайдер 3 | Автономный | Многослойные анимированные слайдеры с ограниченным бюджетом | Средний |
| Революция слайдеров | Автономный | Проработанные анимационные герои | Тяжелый |
| МетаСлайдер | Автономный | Простые слайд-шоу изображений | Свет |
| Неограниченные элементы | Виджет Элементор | Необычные стили слайдеров | Средний |
| Монолог | Автономный | Прямые и быстрые ползунки изображений | Свет |
Первый: вам вообще нужен плагин слайдера?
Стоит спросить, прежде чем тратить что-либо. Если вам нужен полноэкранный герой с многослойным текстом, анимацией на временной шкале, видеофонах и сковороде Кена Бернса, это конструктор слайдеров, и ничто другое не делает этого хорошо.
Если вы хотите, чтобы изображения скользили со стрелками и точками, вам не нужен. Бесплатная карусель изображений Elementor делает это. Добавление Slider Revolution для фотоленты - это много плагинов для небольшой работы, и вы почувствуете это в своих основных веб-жизненных ресурсах.
И если на самом деле вам нужно, чтобы несколько предметов были видны одновременно и прокручивались вбок, вам нужна карусель, а не ползунок. Разница между ними это то, что меняет плагин, который вам нужен.
1. Главные дополнения: ползунки героев, не покидая Элементор
Тип: Виджеты Элементор плюс импортные Виджет Строитель конструкции.
Свободный уровень: Карусель изображений, ползунок логотипа, командный ползунок, временная шкала, Сравнение изображений, Блог в карусельном режиме, расширение Fackground Slider и восемь импортируемых дизайнов.
Стоит быть точным здесь, потому что маркетинг на плагинах, как это обычно не: нет ни одного виджета под названием “Slider.” Работа героя выполняется двумя другими способами, оба бесплатными, и оба остаются внутри редактора Elementor. второго интерфейса нет, и на выходе получается экземпляр Swiper, а не отдельный фреймворк.
Первый - импорт дизайна. Двадцать названных конструкций ползунков и каруселей, каждый с живой демо. восемь импортировать на бесплатном плагине через Мастер Аддоны → Виджет Строитель → Импорт Виджет. Плинтус Герой Слайдер является полнокровочным героем, с цоколем субтитров, точками, стрелками, слайд счетчик и ссылку на слайд, в то время как Рострум Цитата Слайдер, Альманах Хронология Слайдер и Витрин Пластина Галерея кавер цитаты, временные линии и миниатюр галереи. другие двенадцать, Меридиан Покровный поток и Halo Орбита среди них, нуждаются в Pro.
Второе - это Фон Расширение слайдера, также бесплатно. превращает фон любого контейнера в слайд-шоу, которое обрабатывает “hero с вращающимся фоновым изображением” случае вообще без слайдер-виджета. часто это более простой ответ.
На платной стороне Галерея Слайдер является готовой миниатюрной галереей, а Новости Тикер является прокручивающейся заголовком ленты. также не является героем слайдер.
Слабый момент: нет временной шкалы многослойной анимации. Если вам нужны текстовые элементы, анимирующие по шахматному графику с облегчением для каждого уровня, это не то. Smart Slider или Slider Revolution.
Получите, если: вам нужны ползунки и карусели героев из одного плагина, в одном редакторе, без второго конвейера активов. Что в свободном ярусе.
2. Элементор Про: собственный вариант
Тип: родной.
Свободный уровень: Изображение Карусель, Базовая галерея.
Media Carousel обрабатывает изображения и видео с помощью кожи с покровным потоком. Петля Карусель обрабатывает динамический контент из запроса. ни слайдер героя, и у Элементора нет выделенного. люди строят героев из контейнера с фоном и эффектами движения вместо этого.
Этот подход недооценен. контейнер с фоновым изображением, входной анимацией и эффектом прокрутки дает вам большую часть того, что дает “hero slider”, при нулевом дополнительном весе страницы, используя уже имеющийся у вас редактор. Прежде чем что-либо устанавливать, попробуйте построить его изначально.
Получите, если: у вас уже есть Pro. Попробуйте собственный маршрут, прежде чем добавлять плагин.
3. Умный слайдер 3: разумный автономный
Тип: автономный строитель.
Свободный уровень: щедрый, покрывающий слои, анимация и отзывчивое управление.
Лучший бесплатный автономный конструктор слайдеров. вы получаете многослойные слайды, управление анимацией и отзывчивое редактирование без оплаты, и он подключается к Elementor с виджетом.
Он заметно легче, чем Slider Revolution, при этом делает большинство тех же вещей, что и является основной причиной его выбора.
Слабый момент: это второй редактор. вы покидаете Elementor, собираете ползунок, возвращаетесь и размещаете его. для одного героя домашней страницы это нормально. для ползунков на двенадцати страницах это становится налогом на рабочий процесс.
Получите, если: вам нужны многослойные анимированные слайды и вы не хотите вес или цена Slider Revolution.
4. Революция слайдеров: мощная и тяжелая
Тип: автономный строитель.
Свободный уровень: нет.
Самый способный слайдер в этом списке, и самый тяжелый.Слойные временные линии, эффекты частиц, видео фоны, 3D параллакс, большая библиотека шаблонов. если вы видели тщательно продуманного анимированного героя на сайте агентства, есть большая вероятность, что это построило его.
Зарабатывается репутация веса страницы. Он загружает существенную структуру, и на общем хосте с медленным TTFB герой Slider Revolution над складкой повредит вашу самую большую содержательную краску.
Слабый момент: большинство сайтов никогда не используют десятую часть этого количества и, несмотря ни на что, платят полный вес.
Получите, если: ползунок действительно является центральным элементом сайта, и у вас есть хостинг для его переноса.
5. МетаСлайдер: простой и быстрый
Тип: автономный.
Свободный уровень: да и на базовые слайд-шоу хватит.
MetaSlider делает одно: слайд-шоу изображений. Никаких временных линий слоев, никаких частиц. Выбирайте изображения, выбирайте переход, размещайте короткий код.
Та узость - фишка Легкая, давно уже, и не пытается быть инструментом дизайна.
Слабый момент: если нужен текст поверх изображений с каким-то реальным контролем, то быстро перерастешь.
Получите, если: вам нужно простое слайд-шоу с изображениями и ничего больше.
6. Неограниченные элементы: необычные стили слайдеров
Тип: Библиотека виджетов Elementor.
Свободный уровень: большой.
Не строитель ползунков, но у него много виджетов в форме ползунков: вертикальные ползунки, разделенные ползунки, coverflow и overlay, многие из них бесплатны. если вам нужен конкретный необычный стиль, а не создатель героев, посмотрите сюда сначала.
Слабый момент: согласованность дизайна библиотеки переменная, и достаточно виджетов, чтобы управлять ими - это отдельная работа.
7. Монолог: скорость как высота звука
Тип: автономный.
Свободный уровень: ограниченный.
Позиционирует себя на скорость, и претензия выдерживает.Он из более легких ползунков доступных.Прямые ползунки изображения и видео, минимальная конфигурация.
Слабый момент: бесплатный ярус тонкий и интересные функции платные По такой цене вы сравниваете с бесплатным ярусом Smart Slider, что тяжело.
Вертикальные ползунки
Стоит отдельное примечание, потому что люди ищут его конкретно и большинство плагинов плохо с ним справляются Вертикальный ползунок перемещает слайды вверх и вниз вместо боков Он работает для полноэкранных макетов по разделам и для узкого содержимого боковой панели Он выходит из строя на мобильных чаще, чем горизонтально, потому что вертикальный свайп конкурирует со прокруткой страницы Браузер не знает, вы хотели продвинуть слайдер или прокрутить страницу, и он догадывается неправильно.
Если вы строите один, убедитесь, что он выпускает вертикальную прокрутку на первом и последнем слайде, или люди попадают в ловушку. Smart Slider и Slider Revolution оба обрабатывают вертикально правильно. большинство ползунков на основе виджетов относятся к этому как к второстепенной мысли. Если вертикальное движение предназначено для непрерывного, а не для скольжения за слайдом, то вместо этого это шатер, и шатерный гид охватывает построение одного вертикально.
Вопрос о весе страницы прямой
Слайдеры - единственная наиболее распространенная причина плохой самой большой содержательной краски на домашней странице WordPress. Не потому, что скольжение дорогое, а из-за того, что внутри:
- Полноразмерные изображения. Герой с пятью слайдами на 2Мб каждый имеет размер 10Мб, прежде чем что-либо оживит.Подавайте WebP в реальном размере дисплея.
- Все слайды загружаются одновременно. Слайдеры рендеринг каждого слайда. лениво-загрузить все мимо первого. Видео слайдеры это худший случай, потому что каждый закадровый слайд загружает игрока.
- Вес каркаса. Автономные строители загружают свой собственный анимационный движок поверх всего остального на странице.
- Размещение сверху. Ползунок становится вашим элементом LCP по определению.Вот и ладно, если это 150KB WebP; это не так, если это 2MB JPEG за 300KB фреймворком.
Практическое правило: что бы вы ни выбрали, изображение первого слайда - это то, что нужно оптимизировать. Все остальное можно лениво загрузить. Это одно изображение - ваш балл Core Web Vitals.
Который выбрать
Уже использую Элементор и хочу героя: попробуйте сначала контейнер с фоновым изображением и эффектами движения. ничего не стоит и обычно достаточно.
Нужны многослойные анимированные слайды: Smart Slider 3. Большую часть этого делает бесплатный уровень.
Ползунок является центральным элементом сайта: Slider Revolution с соответствующим бюджетом хостинга.
Хотите ползунки и карусели с одного плагина, не покидая Elementor: Мастер-аддоны. Шесть виджетов карусели и ползунка плюс расширение Background Slider бесплатно, восемь импортных дизайнов, включая героя с полным кровотечением на бесплатном плагине, и Галерея Слайдер на Про.
Слайд-шоу с простым изображением: МетаСлайдер. Не слишком думайте об этом.
Часто задаваемые вопросы
Есть ли у Elementor встроенный ползунок?
Не выделенный слайдер героя. Elementor free имеет Image Carousel; Elementor Pro добавляет Media Carousel и Loop Carousel.For a full-widther, большинство людей строят контейнер с фоновым изображением плюс Motion Effects, или добавляют слайдер-виджет из аддона.
Какой бесплатный плагин слайдера Elementor лучше всего?
У Smart Slider 3 самый сильный бесплатный автономный уровень: слои, анимации и отзывчивые элементы управления без оплаты. Если вы предпочитаете оставаться внутри Elementor, Master Addons и Unlimited Elements, оба включают виджеты слайдеров и каруселей на своих бесплатных уровнях. бесплатный плагин Master Addons также импортирует восемь именованных дизайнов через Master Addons → Widget Builder → Import Widget, включая Plinth Hero Slider для героев во всю ширину и Rostrum Quote Slider для отзывов.
Замедляют ли плагины слайдеров WordPress?
Автономные строители, такие как Slider Revolution, добавляют реальную стоимость фреймворка, а любой слайдер добавляет вес изображения, потому что все слайды отображаются одновременно. Самым большим фактором является изображение первого слайда, которое становится вашей самой большой содержательной краской. Подавайте его как оптимизированный WebP в размере дисплея и лениво загружайте остальное.
Чем ползунок отличается от карусели?
Ползунок показывает по одному слайду за раз, обычно во всю ширину, и, как правило, является героем. карусель показывает несколько сразу на горизонтальной дорожке. им нужны разные плагины: строители ползунков для первого, библиотеки виджетов для второго.
Могу ли я сделать вертикальный ползунок в Элементоре?
Да, с плагином ползунка, который поддерживает вертикальный режим. Smart Slider и Slider Revolution оба делают. тщательно тестируйте на мобильном телефоне, потому что вертикальный свайп конкурирует со прокруткой страницы, и убедитесь, что ползунок отпускает прокрутку на первом и последнем слайде, чтобы посетители не оказались в ловушке.
Должен ли я использовать Slider Revolution с Elementor?
Только если вам нужно то, что он делает: временные линии слоя, частицы, 3D параллакс, видео фоны. для стандартного героя или карусели это больше плагин, чем нужно для работы, и вес отображается в Core Web Vitals. сначала попробуйте собственный маршрут Elementor.
Следующий
Если то, что вы строите, показывает сразу несколько предметов, вы ищете карусель, а оснастка другая. Обход плагина карусели охватывает эту категорию должным образом.
Каждый ползунок и карусельный виджет в одном месте: Виджеты карусели Элементор. А когда список покупок выходит за рамки слайдеров, 100 лучших аддонов Elementor облава - это длинный вид.
Когда вы действительно обращаетесь за лицензией, Страница цен на Master Addons показывает, на каком уровне находится каждый дизайн Pro.
