Большинство о страницах, сайтах агентств и сервисных предприятиях нуждаются в месте, которое ставит лицо людям, стоящим за работой. The Член команды виджет в Мастер-аддоны для Elementor строит этот раздел без пользовательского кода. на каждой карте есть фотография, имя, роль, короткая биография и ряд социальных ссылок, и вы заходите в нужное вам количество участников.
Каждый Член команды является своим собственным виджетом. таким образом, вы настраиваете одну карту, стилизуете ее, затем дублируете ее по столбцам, чтобы построить полную сетку. нет ограничения на то, сколько участников вы показываете. это руководство проходит через каждую настройку, от одиннадцати вариантов дизайна до вкладки Стиль.
Что делает виджет Участник команды #
Виджет отображает в виде карты одного члена команды: фото сверху, затем имя, обозначение и краткое описание, с рядом социальных значков внизу. А Вариации дизайна раскрывающийся список меняет весь макет карты в один клик: от простого блока до круговых фотографий, градиентных рамок и эффектов зависания.
Он имеет три вкладки. Содержание содержит фотографию, текст, выравнивание и социальные ссылки. Стиль управляет цветами, типографикой, интервалом, границами и тенями для каждой части карты. Продвинутый имеет обычные параметры Elementor, такие как запас, заполнение и отзывчивая видимость.
Прежде чем начать #
- WordPress с Элементор установлен и активен.
- Мастер-аддоны для Elementor установлен и активен. Новое в плагине? Видеть руководство установки.
- Фотографии членов вашей команды, а также их имена, роли и URL-адреса социальных профилей.
Как добавить виджет Участник команды #
В редакторе Elementor откройте Элементы панель и поиск Член команды, или прокрутить в раздел Главные дополнения (виджеты несут фиолетовый значок МА). перетащите его на вашу страницу. он загружается с картой заполнителя, поэтому вы редактируете из рабочего примера вместо пустого.
Настройте содержимое карты #
Выбрав виджет, откройте его Содержание вкладка. Содержание в разделе хранится все на карте:
- Вариации дизайна: предустановка макета карты (охвачена в следующем разделе).
- Изображение: фото участника, вытащенное из Медиатеки.
- Разрешение изображения: какой зарегистрированный размер изображения для загрузки, по умолчанию полный.
- Имя, обозначение, описание: имя участника, роль и краткая биография. В каждом поле есть Пишите с помощью ИИ вариант, если вам нужен быстрый черновик.
- Выравнивание контента: выровняйте текст влево, в центре или вправо.
Выберите фото #
Нажмите на поле изображения и WordPress Медиа Библиотека открывается. Выберите существующую фотографию или загрузите новую, затем нажмите "Выбрать". Одна вещь, которую стоит сделать заранее: используйте фотографии одного размера. Соответствующие размеры сохраняют каждую карту даже после того, как вы создадите сетку, а несоответствующие имеют тенденцию сдвигать текст вниз на одной или двух картах.
Выберите вариант дизайна #
The Вариации дизайна выпадающий - это место, где виджет Участник команды зарабатывает свое содержание Один клик меняет местами всю макет карты, не касаясь вашего содержимого Список включает в себя
- Базовый от одного до базового пяти: чистые макеты блоков с фотографией сверху и деталями ниже.
- Градиент круга и градиент круга без: округлить фотографию в круг, с градиентной рамкой или без нее.
- Социальные левые на зависании и социальные правые на зависании: скрывайте социальные значки, пока кто-нибудь не наведет карту, а затем вставьте их.
- Округлено: арочная карта с круглой фотографией и закругленными социальными кнопками.
- Содержимое на Hover: держите фотографию в чистоте и раскройте детали на зависании.
Вот Округленный применены вариации с арочной рамой, круглой фотографией и социальными значками в форме таблеток:
Добавить ссылки на социальные профили #
Открыть Социальные профили секция и включите Отображать социальные профили?. Каждая ссылка - это один элемент в списке, поэтому используйте Добавить элемент чтобы добавить профиль, выберите его значок и вставьте URL-адрес. Значок копирования дублирует элемент, и X удаляет его.
Добавьте только профили, которые фактически использует участник. пустые элементы пропускаются, поэтому карта остается чистой. ряд по умолчанию находится внизу карты и следует тому варианту дизайна, который вы выбрали.
Добавьте несколько членов команды #
Каждый виджет Участник команды - это одна карта, поэтому вы создаете полную команду, дублируя ее. Настройте первую карту так, как вы хотите, затем щелкните ее правой кнопкой мыши и выберите Дублировать (или нажмите Ctrl/Cmd + D).Бросьте копии в свои столбцы и поменяйтесь местами на фотографии и деталях каждого человека.
Поскольку вы дублируете виджет, нет ограничения Добавить три члена, дюжину или целый отдел. трехстолбчатый раздел Элементор дает вам чистый ряд карт, и вы добавляете больше строк по мере роста команды. каждая копия сохраняет вариацию дизайна и стиль оригинала, поэтому сетка остается последовательной без дополнительной работы.
Стиль карты #
The Стиль таб разбивает карту на части, которые вы можете стилизовать самостоятельно: Общие стили, Большой палец, Содержание, Имя, Обозначение, Описание, Социальныйи Шаблоны (опция Pro).
- Общие стили: цвет фона карты, граница, радиус и тень коробки.
- Большой палец: размер, граница, радиус снимка.
- Имя, обозначение, описание: цвет, типографика, заполнение и поле для каждого текстового элемента.
- Социальный: размер, цвет и расстояние между социальными значками.
Обычные случаи использования #
- О страницах представляем всю команду с фотографиями и ролями.
- Сайты агентств и студий показ креативщиков с их социальными связями.
- Сервисные предприятия придание лица людям, выполняющим работу.
- Составы спикеров или инструкторов для мероприятий, вебинаров и курсов.
- Секции руководства или учредителей выделение ответственных лиц.
Советы по работе с виджетом Team Member #
- Сначала выведите одну карту, затем дублируйте. Копии наследуют дизайн и стиль, поэтому вы настраиваете их только один раз.
- Используйте фотографии одного размера. Соответствующие размеры сохраняют карты ровными по всему ряду.
- Держите биос коротким. Одна-две строчки лучше всего читаются под фотографией.
- Сопоставьте вариант со страницей. Бренды, дружелюбные к кругу и округлым костюмам; Основные макеты соответствуют корпоративным сайтам.
- Заполняйте только те социальные ссылки, которые вы используете. Пустые элементы пропускаются, поэтому строка значков остается в порядке.
Часто задаваемые вопросы #
Что такое виджет "Член команды" в Master Addons?
Это виджет Elementor, который показывает одного члена команды в виде карты с фотографией, именем, ролью, короткой биографией и социальными ссылками. Он включает одиннадцать вариантов дизайна и полную вкладку "Стиль", поэтому вы создаете и стилизуете раздел команды прямо с панели Elementor без пользовательского кода.
Сколько членов команды я могу добавить?
Нет ограничения. каждый виджет Участник команды - это одна карта, поэтому вы добавляете больше участников, дублируя виджет и опуская копии в свои столбцы. Постройте строку из трех карт или большую многорядную сетку; макет остается последовательным, потому что копии наследуют дизайн оригинала.
Какие варианты дизайна включает виджет "Член команды"?
Одиннадцать предустановок: от базового от одного до базового пяти, градиент круга, градиент без круга, социальные левые на зависании, социальные права на зависании, округленные и контент на зависании. Каждый меняет макет карты, например, круговые фотографии или социальные значки, которые появляются на зависании, без изменения вашего контента.
Могу ли я добавить ссылки в социальных сетях каждому члену команды?
Да. включите отображение социальных профилей в разделе "Социальные профили", затем используйте "Добавить элемент", чтобы добавить каждый профиль с его значком и URL-адресом. Добавляйте только ссылки, которые использует участник, поскольку пустые элементы пропускаются и остаются вне карты.
В чем разница между виджетами Team Member и Team Carousel?
Виджет "Член команды" показывает членов в виде статической сетки карт, по одному виджету на человека. виджет "Карусель команды" помещает участников в скользящую карусель с ретранслятором, стрелками и автоиграми. Используйте члена команды для фиксированной сетки и карусели команды, когда пространство ограничено.
Завершая #
Виджет "Член команды" превращает список людей в отточенный раздел команды: добавьте фотографию, имя, роль, биографию и социальные ссылки, выберите один из одиннадцати вариантов дизайна, затем создайте стиль карты и дублируйте ее по столбцам. Скользящую версию см Виджет команды Карусель, соедините это с Виджет информационного ящика для получения услуг просмотрите полную версию Виджеты и расширения Master Addgetsи проверьте страница ценообразования за то, что включает каждый план.
