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