Командный слайдер
Ваша команда продает бизнес столько же, сколько и все на странице, но плоская сетка снимков головы редко попадает таким образом.The Master Addons Командный слайдер Элементор превращает эти профили в карусель, которую люди могут просматривать: фотографии, имена, роли, короткие биографии и социальные ссылки, скользящие по макету, которым вы управляете. Выберите предустановленный стиль, добавьте каждого участника через простой ретранслятор, и у вас есть карусель членов команды вверх без написания кода.
Это больше, чем ряд лиц. эффекты наведения, автоигра и стиль для каждого элемента придают каждому профилю немного характера и заставляют людей щелкать по всей команде, а не останавливаться на первой карте. Видео ниже показывает сборку. Далее вы получаете предустановки, настройки карусели и быстрые практические рекомендации.
Что такое командный слайдер Elementor?
Командный слайдер - это карусель, которая показывает вашим людям по одной карте вместо того, чтобы складывать их в статическую сетку Посетители проводят пальцем или щелкают по профилям, и каждая карта несет фотографию, имя, роль и обычно социальные ссылки Вы увидите, что это называется карусель членов команды или ползунок члена команды тоже. та же идея в любом случае: поместите большую команду в небольшое пространство и позвольте людям двигаться через него, а не прокручивать мимо стены фотографий.
Вы можете подойти близко с основной каруселью Elementor и много ручной стилистики, но тогда макет профиля, ховер состояния, и отзывчивое поведение все на вас, чтобы построить и продолжать работать. виджет Master Addons поставляет их как пресеты, поэтому большая часть работы конфигурация, а не дизайн. если фиксированная сетка подходит вам лучше, чем карусель, то руководство по разделу "Члены команды" вместо этого покрывает это.
Начните с готового набора стилей
Вам не нужно проектировать карту с нуля. Начните с предустановленного типа "Команда Карусели", "Градиент круга" или "Контент на ховере", каждый из которых представляет собой готовый образ, который вы можете настроить. Затем создайте команду в ретрансляторе контента: добавьте элемент на участника, загрузите фотографию, установите разрешение изображения и заполните имя, обозначение и краткое описание. Это работает как небольшая визуальная база данных для вашей команды, запускаемая с одной панели.
- Пресеты в один клик: примените полный дизайн, например Team Carousel или Circle Animation, и у вас есть макет для начала.
- Управление ретранслятором: добавляйте, удаляйте или перетаскивайте элементы в порядок с помощью кнопки + Добавить элемент.
- Профили полноправных членов: изображение, имя, обозначение, описание и социальные ссылки для каждого человека.
Карусельное управление и навигация
Установите карусель, чтобы вести себя так, как вы хотите.Включите автоигра и установите его скорость, выберите, сколько слайдов прокручиваются за раз, и включите Loop для бесконечной карусели.Тогда решите, как люди движутся через него: стрелки, точки, или и то, и другое, сидя внутри или снаружи слайдера. вы также можете спрятать стрелки на мобильном телефоне, что стоит сделать, так как они, как правило, толпите экран телефона в любом случае.
- Автовоспроизведение и цикл: установите скорость автопроигрывания, скорость анимации, цикл и слайды для прокрутки.
- Навигация: стрелки, точки или и то, и другое с индивидуальным позиционированием.
- Мобильный: скрыть стрелки навигатора на телефонах, чтобы вид оставался открытым.
Стиль Каждый элемент ползунка
Каждый слой стили самостоятельно. сначала установите общий вид, фон ползунка и выравнивание контента, затем углубитесь в детали: дайте Имя, Обозначение и Описание их собственный цвет, тип и расстояние. Карта участника имеет отдельные фоны, границы и тень коробки для ее нормального, наводящего курсор и активного состояний, поэтому карта на самом деле реагирует, когда люди движутся через карусель.
- Стиль текста: отдельный тип, цвет и интервал для имени, роли и биографии.
- Состояния карты: другой стиль карты, когда она нормальная, ховер или активная.
- Стиль стрелки: цвет, фон, размер, граница и набивка стрелок навигатора, нормальные и зависающие.
Социальные профили и эффекты зависания
Добавьте URL-адрес Facebook, Twitter, LinkedIn или Instagram участника, и значки отобразятся на его карте в виде стилизованного набора. Некоторые предустановки, такие как Social Left on Hover или Content on Hover, удерживают биографию или значки до тех пор, пока кто-то не наведет карту, а затем не раскроет их. Вы можете раскрасить значки и их фон отдельно для нормального состояния и состояния зависания, поэтому раскрытие выглядит как часть дизайна, а не как второстепенная мысль.
- Интеграция с социальными сетями: сложите до четырех URL-адресов социальных профилей на одного члена команды; значки отображаются автоматически.
- Стиль значков: настройте цвет и фон социальных значков как для нормального состояния, так и для состояния наведения.
- Интерактивные предустановки: используйте предустановки со встроенной анимацией наведения, чтобы элегантно раскрыть биографии или социальные ссылки.
Как добавить командный слайдер в Elementor?
Рабочий командный ползунок занимает несколько минут.Нет коротких кодов, нет отдельного плагина ползунка.
- Установите и активируйте главные дополнения, затем отредактируйте страницу с помощью Elementor.
- Найдите на панели виджетов Командный слайдер и перетащите его на страницу.
- Выберите предустановку стиля, чтобы установить базовый вид.
- В ретрансляторе Контента нажмите + Добавить элемент для каждого участника и заполните фотографию, имя, обозначение, описание и социальные ссылки.
- Откройте настройки карусели для автопроигрывания, цикла, слайдов для прокрутки и навигации.
- Создайте стиль текста, карточек и стрелок в соответствии с вашим брендом, а затем опубликуйте.
Одна вещь, чтобы проверить, прежде чем вы называете это сделано: загрузить квадратные, равномерно обрезанные фотографии. несовпадающие размеры изображения являются обычной причиной, по которой команда слайдер смотрит, так как один высокий выстрел в голову выбрасывает весь ряд за линию Каждая настройка покрыта в Члены команды Документация по карусели.
Не только для команд: клиенты и отзывы
Он фирменный для команд, но под капотом это профильная карусель, поэтому он выполняет функцию свидетельского ползунка или карусели клиента.Обросьте логотип клиента или фотографию клиента в поле изображения, человека или компанию в имени, их роль в обозначении и цитату в описании.Одни и те же пресеты и элементы управления переносятся.
- Страница команды: фотографии, роли, биографии и социальные ссылки для вашего персонала.
- Слайдер отзывов: фотография клиента, имя, компания и их цитата.
- Карусель клиента: логотипы с короткой строкой о каждом проекте.
- Докладчик или автор: снимки головы с биографией и ссылкой.
Если вам просто нужна карусель с простым изображением, Элементор изображение карусель это более простой выбор.
Часто задаваемые вопросы для командного слайдерного элемента
Сколько членов команды я могу добавить в ползунок?
Сколько нужно. продолжайте нажимать + добавлять элемент в разделе Содержимое, чтобы добавить профили, и карусель берет любой номер. очень большая команда может перетащить начальную загрузку страницы, однако, так что сжимайте фотографии участников и включайте ленивую загрузку, как только вы войдете в десятки.
Отзывчивый ли ползунок команды Elementor на мобильных устройствах и планшетах?
Да. ползунок, изображения, текст и навигация - все адаптируются, а слайды на вид и пробел в элементах регулируются на меньших экранах. для более жесткого управления используйте адаптивный режим Elementor, чтобы установить разные размеры шрифтов или изображения на планшете и мобильном телефоне.
Могу ли я использовать его для отзывов или клиентов вместо команды?
Да. это гибкий профиль карусель. поместите логотип клиента или фотографию клиента на изображение, имя в заголовке, компания или роль в обозначении, и цитата в описании. Это дает вам свидетельский слайдер или карусель клиента без добавления другого виджета.
Как изменить скорость автопроигрывания?
В Настройках Карусели, искать Скорость Автозапуска Значение в миллисекундах, поэтому 5000 это пять секунд. опустите его для более быстрых скольжений (3000 в течение трех секунд) или поднимите его, чтобы замедлить их (7000 в течение семи секунд).
Виджеты и расширения трендовых элементов
Создавайте сложные веб-сайты за меньшее время.
Стекломорфизм
Дополнительные контейнеры
Шаблоны
Дубликатор сообщений/страниц
