Виджет члена команды Elementor
Виджет Master Addons Team Member создает одну карту профиля с фотографией, именем, обозначением, короткими био и социальными значками. Это бесплатно, с 6 вариантами дизайна в бесплатном плагине (Basic One to Five и Rounded) и еще 5 в Мастер Аддоны Про. У Elementor нет собственного виджета члена команды, поэтому это позволяет вручную складывать изображение, заголовки и список значков. Для скользящего ряда людей используйте Командный слайдер виджет.
Как добавить раздел "Член команды" в Elementor
Вам нужен Elementor и бесплатный плагин Master Addons. полный проход с сеткой и каруселью находится в Как создать раздел для членов команды в Элементоре.
- Убедитесь, что член команды включен ниже Мастер-аддоны, виджеты.
- Добавьте контейнер и установите его макет в сетку с 3 или 4 столбцами.
- Поиск для Член команды в панели Элементор и перетащите его в сетку.
- Выберите вариант дизайна, затем добавьте фотографию, имя, обозначение и биографию.
- Добавьте социальные значки в социальные профили.
- Создайте стиль первой карты, затем дублируйте ее для каждого человека и меняйте содержимое.
11 вариантов дизайна (6 бесплатных, 5 профессиональных)
Выберите макет Вариации дизайна в верхней части вкладки Содержимое.Основные один до пяти и округленные бесплатно.Круг градиент, Круг без градиента, Социальные левые на зависании, Социальные права на зависании и Контент на зависании нуждаются в Pro.Ваше имя, фото, био и значки остаются на месте, когда вы переключаетесь.
- Бесплатно: базовый, базовый два, базовый три, базовый четыре, базовый пять, округленный.
- Pro: градиент круга, градиент круга отсутствует, социальные левые на зависании, социальные правые на зависании, контент на зависании.
- Варианты наведения показывают социальные значки или биографию, когда посетитель указывает на карту.
Содержимое профиля и социальные иконы
На вкладке Содержимое загрузите Изображение и выберите размер его изображения. Заполнить Имя, Обозначение и Описаниезатем установите выравнивание контента. Под Социальные профили, включить Отображение социальных профилей и нажмите Добавить элемент для каждой сети. каждый элемент имеет значок из библиотеки значков Элементор и ссылку Социальные значки имеют свой собственный параметр выравнивания.
- Имя, обозначение и описание представляют собой текстовые поля.
- Добавьте столько социальных значков, сколько вам нужно, каждый со своей ссылкой.
- Отметьте “Открыть в новом окне” по ссылке, если хотите, чтобы оно открылось в новой вкладке.
Стили карт, фотографий и текста
Общие стили устанавливает цвет фона карты, радиус границы предмета и тень коробки. Большой палец стилизует фотографию с рамкой, радиусом границы, набивкой и полем. Содержание добавляет фон (цвет или градиент), границу, радиус, заполнение и маржу в область текста. Название, обозначение и описание имеют каждый цвет, типографику, заполнение и маржу. Социальный устанавливает размер значка, цвет значка и фон для нормальных состояний и состояний наведения.
- Установите радиус границы большого пальца на 50% для круглой фотографии.
- Набивка и маржа отзывчивы, поэтому вы можете затянуть карту на мобильном телефоне.
- Вариант Rounded добавляет второй цвет фона для своих социальных значков.
Виджеты Core Elementor против виджета участника команды
Элементор Свободный и Про не имеют виджета члена команды Вы можете построить карту из Изображение, Заголовок, Текстовый редактор и виджет Социальные значки Вот как это сравнивается.
| Задача | Виджеты Core Elementor | Член команды Master Addons |
|---|---|---|
| Виджеты на карту | 4 или более внутри контейнера | 1 |
| Готовые расклады | Нет, вы разрабатываете каждую карту | 6 бесплатно, 11 с Pro |
| Наведите указатель значков или биографии | Нужен пользовательский CSS | Варианты Pro Hover |
| Цвета бренда социальных икон | Да, в виджете Social Icons | Один набор цветов для всех значков |
| Свобода макета | Полный, любой заказ виджета | Фиксированный порядок в выбранном варианте |
Связанные виджеты: Командный слайдер за карусель людей, Инфобокс для значков и текстовых карточек и Флипбокс для карт с обратной стороной.
Часто задаваемые вопросы для члена команды
Как мне создать полную сетку команд или список с помощью этого элемента?
Каждый виджет - один человек Добавьте контейнер, установите его макет в Grid с нужным количеством столбцов и поместите один виджет Участника команды в каждую ячейку Стиль первой карты и дублируйте ее так, чтобы каждая карта совпадала.
В чем разница между “Circle Gradient” и “Circle No Gradient”?
Оба варианта Pro с круглым фото Градиент круга рисует цветную форму за фотографией Круг без градиента имеет прозрачный фон без формы.
Могу ли я связать имя или изображение члена команды со специальной биостраницей?
Виджет не имеет поля ссылки для имени или фотографии Только социальные значки берут ссылки, Чтобы сделать всю карту кликабельной, используйте бесплатную Обертка Ссылка расширение на виджете.
Отзывчив ли профиль на мобильном телефоне?
Да. карта масштабируется с ее столбцом, и настройки заполнения и маржи являются отзывчивыми. Установите сетку в один столбец на мобильном в настройках контейнера, чтобы карты стек.
Виджет "Член команды" бесплатный?
Да. является частью бесплатного плагина Master Addons с 6 вариантами дизайна и всеми элементами управления контентом и стилем. Master Addons Pro добавляет еще 5 вариаций: градиент круга, градиент круга без градиента, социальные оставшиеся на зависании, социальные права на зависании и контент на зависании.
Сколько социальных значков я могу добавить?
Нет фиксированного предела Социальные профили - это ретранслятор, поэтому нажмите Добавить элемент для каждой сети. большинство карт выглядят лучше всего с тремя-пятью значками.
Виджеты и расширения трендовых элементов
Создавайте сложные веб-сайты за меньшее время.
Стекломорфизм
Дополнительные контейнеры
Шаблоны
![Расширение 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)
Дубликатор сообщений/страниц
