Карусель члена команды Elementor (командный слайдер)
Ваша команда продает бизнес столько же, сколько и все на странице, но плоская сетка снимков головы редко попадает таким образом.The Master Addons Командный слайдер Элементор превращает эти профили в карусель, которую люди могут просматривать: фотографии, имена, роли, короткие биографии и социальные ссылки, скользящие по макету, которым вы управляете. Выберите предустановленный стиль, добавьте каждого участника через простой ретранслятор, и у вас есть карусель членов команды вверх без написания кода.
Виджет бесплатный. три из шести его предустановок (Командная карусель, Серкл Градиент и Контент на Ховере) находятся в бесплатном плагине, а Circle Animation, Social Left on Hover и Ящик контента поставляются с Мастер Аддоны Про. Это больше, чем ряд лиц. эффекты наведения, автовоспроизведение и стиль для каждого элемента придают каждому профилю немного характера и заставляют людей щелкать по всей команде, а не останавливаться на первой карте. Видео ниже показывает сборку. Далее вы получаете предустановки, настройки карусели и быстрые инструкции.
Что такое командный слайдер Elementor?
Командный слайдер - это карусель, которая показывает вашим людям по одной карте вместо того, чтобы складывать их в статическую сетку Посетители проводят пальцем или щелкают по профилям, и каждая карта несет фотографию, имя, роль и обычно социальные ссылки Вы увидите, что это называется карусель членов команды или ползунок члена команды тоже. та же идея в любом случае: поместите большую команду в небольшое пространство и позвольте людям двигаться через него, а не прокручивать мимо стены фотографий.
Вы можете подойти близко с основной каруселью Elementor и много ручной стилистики, но тогда макет профиля, ховер состояния, и отзывчивое поведение все на вас, чтобы построить и продолжать работать. виджет Master Addons поставляет их как пресеты, поэтому большая часть работы конфигурация, а не дизайн. если фиксированная сетка подходит вам лучше, чем карусель, то руководство по разделу "Члены команды" вместо этого покрывает это.
| Командный слайдер | Член команды | |
|---|---|---|
| Макет | Один виджет, раздвижная карусель из множества участников | Один виджет на человека, помещенный в сетку |
| Пресеты | 6 (3 бесплатно, 3 Про) | 11 (6 бесплатно, 5 Про) |
| Лучший для | Более крупные команды, спикеры, клиентские или свидетельские ряды | Маленькие команды, где должны быть видны сразу все |
| Навигация | Стрелки, точки, дробь, индикатор выполнения, панель прокрутки, автовоспроизведение | Не нужны |
У Elementor и Elementor Pro нет собственного виджета для членов команды. Свидетельская карусель Pro - самое близкое совпадение по котировкам, а не по профилям персонала.
Начните с предустановки стиля (3 бесплатно, 3 профессионала)
Вам не нужно проектировать карту с нуля. Начните с предустановленного типа "Команда Карусели", "Градиент круга" или "Контент на ховере", каждый из которых представляет собой готовый образ, который вы можете настроить. Затем создайте команду в ретрансляторе контента: добавьте элемент на участника, загрузите фотографию, установите разрешение изображения и заполните имя, обозначение и краткое описание. Это работает как небольшая визуальная база данных для вашей команды, запускаемая с одной панели.
- Бесплатные предустановки: Командная карусель, круговой градиент (фоны от 01 до 03) и контент на Hover.
- Пресеты Pro: Круговая анимация, социальные оставшиеся на зависании, ящик контента, а также круги с 04 по 07 и анимация 4.
- Управление ретранслятором: добавляйте, дублируйте, удаляйте или перетаскивайте участников по порядку, каждый с изображением, именем, обозначением, описанием и социальными ссылками.
Карусельное управление и навигация
Настройте карусель, чтобы вести себя так, как вы хотите.Включите автовоспроизведение и установите его скорость, выберите, сколько слайдов прокручиваются за раз, и включите Loop для бесконечной карусели.Тогда решите, как люди движутся через него: стрелки, точки, стрелки с точками, стрелки со счетчиком дробей, индикатор выполнения или панель прокрутки, со стрелками внутри или снаружи ползунка. раскладка может быть плоской Каруселью или 3D Покровный поток. вы также можете скрыть стрелки на мобильном телефоне, что стоит сделать, так как они склонны толпить экран телефона в любом случае.
- Автовоспроизведение и цикл: установите скорость автопроигрывания, скорость анимации, цикл и слайды для прокрутки.
- Навигация: стрелки, точки, оба, дробные или прогрессивные, с семью позициями и пользовательскими значками стрелок.
- Слайды на колонку: От 1 до 6 карт одновременно, устанавливаемых на устройство.
- Мобильный: скрыть стрелки навигатора на телефонах, чтобы вид оставался открытым.
Стиль Каждый элемент ползунка
Каждый слой стили самостоятельно. сначала установите общий вид, фон ползунка и выравнивание контента, затем углубитесь в детали: дайте Имя, Обозначение и Описание их собственный цвет, тип и расстояние. Карта участника имеет отдельные фоны, границы и тень коробки для ее нормального, наводящего курсор и активного состояний, поэтому карта на самом деле реагирует, когда люди движутся через карусель.
- Стиль текста: отдельный тип, цвет и интервал для имени, роли и биографии.
- Состояния карты: другой стиль карты, когда она нормальная, ховер или активная.
- Стиль стрелки: цвет, фон, размер, граница и набивка стрелок навигатора, нормальные и зависающие.
Социальные профили и эффекты зависания
Добавьте URL-адрес Facebook, Twitter, Instagram, LinkedIn, Dribbble, TikTok или YouTube участника или адрес электронной почты, и значки отображаются на их карте в виде стилизованного набора.Content on Hover (бесплатно) и Social Left on Hover (Pro) удерживают биографию или значки обратно, пока кто-то не наведет курсор на карту, а затем не раскроет их. Вы можете раскрасить значки и их фон отдельно для нормального и зависающего состояний, поэтому раскрытие выглядит как часть дизайна, а не как второстепенная мысль.
- Социальные ссылки: семь сетей плюс электронная почта на одного участника. пустые поля пропускаются.
- Стиль значка: цвет значка и фон для Normal и Hover.
- Пресеты наведения: Контент на Hover бесплатен, Social Left on Hover и Content Drawer нуждаются в Pro.
Как добавить командный слайдер в Elementor?
Рабочий командный ползунок занимает несколько минут.Нет коротких кодов, нет отдельного плагина ползунка.
- Установите и активируйте главные дополнения, затем отредактируйте страницу с помощью Elementor.
- Найдите на панели виджетов Командный слайдер и перетащите его на страницу.
- Выберите предустановку стиля, чтобы установить базовый вид.
- В ретрансляторе Контента нажмите + Добавить элемент для каждого участника и заполните фотографию, имя, обозначение, описание и социальные ссылки.
- Откройте настройки карусели для автопроигрывания, цикла, слайдов для прокрутки и навигации.
- Создайте стиль текста, карточек и стрелок в соответствии с вашим брендом, а затем опубликуйте.
Одна вещь, чтобы проверить, прежде чем вы называете это сделано: загрузить квадратные, равномерно обрезанные фотографии. несовпадающие размеры изображения являются обычной причиной, по которой команда слайдер смотрит, так как один высокий выстрел в голову выбрасывает весь ряд за линию Каждая настройка покрыта в Члены команды Документация по карусели.
Не только для команд: клиенты и отзывы
Он фирменный для команд, но под капотом это профильная карусель, поэтому он выполняет функцию свидетельского ползунка или карусели клиента.Обросьте логотип клиента или фотографию клиента в поле изображения, человека или компанию в имени, их роль в обозначении и цитату в описании.Одни и те же пресеты и элементы управления переносятся.
- Страница команды: фотографии, роли, биографии и социальные ссылки для вашего персонала.
- Слайдер отзывов: фотография клиента, имя, компания и их цитата.
- Карусель клиента: логотипы с короткой строкой о каждом проекте.
- Докладчик или автор: снимки головы с биографией и ссылкой.
Если вам просто нужна карусель с простым изображением, Элементор изображение карусель это более простой выбор.
Часто задаваемые вопросы для командного слайдерного элемента
Сколько членов команды я могу добавить в ползунок?
Сколько нужно. продолжайте нажимать + добавлять элемент в разделе Содержимое, чтобы добавить профили, и карусель принимает любое число. очень большая команда добавляет вес странице, однако, поэтому выберите меньшее Разрешение изображения и сжимайте фотографии участников, как только вы войдете в десятки.
Отзывчивый ли ползунок команды Elementor на мобильных устройствах и планшетах?
Да. ползунок, изображения, текст и навигация - все адаптируются, а слайды на вид и пробел в элементах регулируются на меньших экранах. для более жесткого управления используйте адаптивный режим Elementor, чтобы установить разные размеры шрифтов или изображения на планшете и мобильном телефоне.
Виджет Team Slider бесплатный?
Да. Team Slider находится в бесплатном плагине Master Addons с тремя пресетами: Team Carousel, Circle Gradient и Content on Hover. Circle Animation, Social Left on Hover, Content Drawer и дополнительные круговые фоны нуждаются в Master Addons Pro. Он также работает как свидетельство или клиентская карусель: поместите фотографию или логотип в Изображение, имя в Имя и цитату в Описание.
Как изменить скорость автопроигрывания?
В Настройках Карусели, искать Скорость Автозапуска Значение в миллисекундах, поэтому 5000 это пять секунд. опустите его для более быстрых скольжений (3000 в течение трех секунд) или поднимите его, чтобы замедлить их (7000 в течение семи секунд).
Виджеты и расширения трендовых элементов
Создавайте сложные веб-сайты за меньшее время.
Стекломорфизм
Дополнительные контейнеры
Шаблоны
![Расширение Master Addons Post/Page Duplicator для Elementor: ссылка на строку MA Duplicator в списке WordPress Pages, создающая целевую страницу - [Дублированный № 128] черновик](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Дубликатор сообщений/страниц
