Страница о или услуги часто нужно представить людей, стоящих за работой, и статическая сетка работает долго, если у вас больше чем несколько членов.The free Команда Карусель виджет в Мастер-аддоны для Elementor (the Командный слайдер) помещает вашу команду в скользящую карусель: каждый участник получает фотографию, имя, роль, краткую биографию и социальные ссылки, а посетители просматривают их в компактном пространстве.
Он поставляется с шестью предустановками стиля. командная карусель, круговой градиент и контент на Hover бесплатны, в то время как круговая анимация, социальные левые на Hover и ящик контента нуждаются в Master Addons Pro. вы также получаете полный контроль над поведением ползунка. вы добавляете участников через ретранслятор, опускаете их детали, затем выбираете макет и стиль. Ниже показан пробег по каждой настройке.
Что делает виджет Team Carousel #
Виджет показывает членов вашей команды в виде карт в карусели. на каждой карте есть изображение, имя, обозначение, краткое описание и ряд ссылок на социальные профили. Посетители перемещаются по картам со стрелками, точками или свайпом.
В нем есть три вкладки: "Содержимое для участников", "Навигация" и "Поведение карусели", "Стиль для цветов и интервалов" и "Дополнительно" для обычных опций Elementor. Выпадающий список "Презадание стиля" меняет весь внешний вид в один клик.
Прежде чем начать #
- WordPress с Элементор установлен и активен.
- Мастер-аддоны для Elementor установлен и активен. Новое в плагине? Видеть руководство установки.
- Фотографии членов вашей команды, а также их имена, роли и социальные ссылки.
Как добавить виджет Team Carousel #
В редакторе Elementor откройте Элементы панель и поиск Команда Карусель или Командный слайдер, или прокрутите в раздел Главные дополнения. перетащите его на свою страницу. он загружается с четырьмя элементами-заполнителями, поэтому вы редактируете с рабочего ползунка.
Добавьте членов своей команды #
Открыть Содержание вкладка. Содержание раздел содержит список участников. А Стиль Пресет раскрывающийся список находится вверху, и Команда Карусель ретранслятор держит один элемент на члена. Ниже приведены Разрешение изображения, ан Граница изображения переключиться и Заголовок HTML-тег за имена.
Нажмите на участника, чтобы открыть его настройки. у каждого есть поля для фотографии и подробностей:
- Изображение: фото участника из Медиатеки.
- Имя, обозначение, описание: имя участника, роль, короткая биография, каждая с опцией Написать с ИИ.
- Отображение социальных профилей: включите ряд ссылок с полями для Facebook, Twitter, Instagram, LinkedIn, Dribbble, TikTok, YouTube и электронной почты.
Использовать Добавить элемент чтобы добавить участников, значок копирования должен дублировать один, а X - удалить его.
Выберите предустановку стиля #
The Стиль Пресет раскрывающийся список меняет поведение каждой карты, не касаясь вашего содержимого. по умолчанию Команда Карусель показывает фотографию с подробностями ниже, а остальные предустановки добавляют взаимодействие.
The Социальные левые на зависании preset (Pro) скрывает социальные значки, пока кто-то не наведет карту, а затем не вставит их из угла.
The Содержание Ящик preset (Pro) сохраняет фотографии в чистом ряду и при щелчке по карте открывает выдвижной ящик с данными участника.
Настройки навигации #
The Навигация раздел управляет тем, как посетители перемещаются по ползунку.
- Навигация: выберите стрелки, точки, стрелки и точки, стрелки и дробь, ход или нет.
- Динамические пули и панель прокрутки шоу: дополнительные способы указания позиции.
- Положение стрелок и точек: поместите элементы управления туда, где они подходят.
- Следующие и предыдущие значки: поменяйте местами свои значки со стрелками.
- Скрыть стрелку на мобильном телефоне: очистите маленькие экраны.
Настройки карусели #
The Настройки карусели раздел устанавливает, как движется ползунок и сколько карт отображается одновременно.
- Слайды на колонку: сколько участников отображается одновременно (4 по умолчанию).
- Макет: Карусель или покровный поток с настройками поворота, растяжения, модификатора и глубины для покровного потока.
- Автовоспроизведение, скорость автовоспроизведения и пауза при наведении: продвигайте слайды самостоятельно.
- Слайды для прокрутки, центрального слайда и цикла: контролируйте, как карусель ступает и повторяется.
- Скорость анимации: как быстро выполняется каждый переход.
Стиль карусели #
The Стиль вкладка разбивает виджет на части, которые вы можете стилизовать самостоятельно: Общие стили, Навигация, Имя, Обозначение, Описание, Предметы каруселии Социальный, плюс Шаблоны когда свободная Шаблоны расширение включено.
- Имя, обозначение, описание: цвет, типографика и интервал между каждым текстовым элементом.
- Предметы карусели: фон карты, граница, радиус, тень коробки, заполнение, зазор и непрозрачность с вкладками "Нормально", "Наведение курсора" и "Активно".
- Навигация и социальная: взгляд стрелок, точек и социальных значков.
Результат на странице #
Публикуйте или просматривайте, и карусель команды работает в прямом эфире: карты скользят со стрелками или автоиграми, и каждый участник показывает свою фотографию, имя, роль и ссылки в выбранном вами предустановке.
Обычные случаи использования #
- О страницах представляем всю команду в компактном слайдере.
- Сайты агентств и студий показ креативщиков с социальными связями.
- Сервисные предприятия придание лица людям, выполняющим работу.
- Составы спикеров или инструкторов для мероприятий и курсов.
- Руководящие секции выделение основателей и менеджеров.
Советы по работе с виджетом Team Carousel #
- Используйте фотографии одного размера. Соответствующие размеры удерживают карты, даже когда они скользят. Несоответствующие высоты - обычная причина, по которой карусель выглядит прыгучей.
- Держите биос коротким. Одна или две строки лучше всего читаются внутри карусельной карты.
- Выберите предустановку, соответствующую странице. Ящик контента (Pro) подходит для подробного биографии; простая карусель обеспечивает быстрое введение.
- Установите слайды на столбец, чтобы они соответствовали ширине. Три или четыре карты подходят для большинства раскладов; меньше на узких столбцах.
- Добавляйте только те социальные ссылки, которые вы используете. Пустые поля пропускаются, поэтому заполняйте только активные профили.
Часто задаваемые вопросы #
Что такое виджет Team Carousel в Master Addons?
Это бесплатный виджет Elementor, который показывает членов вашей команды в виде карт в слайдере. на каждой карте есть фотография, имя, роль, краткая биография и социальные ссылки. вы добавляете участников через ретранслятор и выбираете из нескольких предустановок стиля, все из панели Elementor.
Сколько предустановок стиля есть в Team Carousel?
Шесть. Командная карусель, круговой градиент и контент на ховере бесплатны, а для круговой анимации, социальных оставленных на ховере и рисования контента необходимы Master Addons Pro. Каждый предустановленный параметр меняет внешний вид и поведение карты, например, раскрывает социальные значки на ховере или открывает ящик с подробностями нажатием кнопки мыши, не меняя содержимое участника.
Могу ли я добавить ссылки в социальных сетях каждому члену команды?
Да. у каждого участника есть отображение социальных профилей, переключающихся с полями для Facebook, Twitter, Instagram, LinkedIn, Dribbble, TikTok, YouTube и электронной почты. Заполните используемые вами профили, а остальные пропущены, поэтому на карте появляются только активные ссылки.
Могу ли я установить, сколько членов команды показывают одновременно?
Да. в разделе "Настройки карусели" есть опция "Слайды на столбец", которая устанавливает количество карт одновременно, четыре по умолчанию. Соедините его со слайдами для прокрутки и цикла, чтобы контролировать, как карусель проходит через ваших участников.
Команда Карусель автоматически играет?
Да. в разделе "Настройки карусели" есть опции "Автоигра" и "Скорость автозапуска", поэтому ползунок продвигается самостоятельно в заданном вами темпе. включите паузу при наведении курсора, если хотите, чтобы она остановилась, пока посетитель читает карту.
Завершая #
Виджет Team Carousel превращает список людей в раздвижную витрину с фотографиями, ролями, биографиями и социальными ссылками. Добавьте своих участников, выберите предустановку, например Team Carousel или Circle Gradient (социальные левые на зависании и ящик контента нуждаются в Pro), установите навигацию и поведение карусели, а затем создайте стиль карт, соответствующий вашей странице. Обзор и сравнение командного слайдера и члена команды см. в разделе Карусель члена команды Элементор страница. Дополнительные слайдеры см. в разделе Изображение Виджет Карусель и Виджет слайдер галереи, просмотр всего Виджеты и расширения Master Addgetsи проверьте страница ценообразования за то, что включает каждый план.
