Этот рецепт проведет вас через полный процесс создания страницы участников команды — от настройки групп полей до того, как менеджеры контента добавляют и управляют записями участников команды.
Шаг 1: Создание группы полей
- Перейдите в Field Forge > Новая группа полей
- Назовите её Участники команды
- Добавьте поле Repeater (PRO) с меткой Участники команды и именем
team_members - Добавьте следующие под-поля внутри повторителя:
| Под-поле | Тип | Настройки |
|---|---|---|
| Фото | Изображение | Формат возврата: Массив изображений, Размер превью: Миниатюра, Обязательно: Да |
| Полное имя | Текст | Обязательно: Да, Заполнитель: «Джейн Смит» |
| Должность | Текст | Заполнитель: «Старший дизайнер» |
| Биография | Текстовое поле | Строки: 4, Заполнитель: «Краткая биография для страницы команды…» |
| Заполнитель: «[email protected]» | ||
| URL | Заполнитель: «https://linkedin.com/in/janesmith» | |
| URL | Заполнитель: «https://twitter.com/janesmith» |
- Установите режим отображения повторителя на Блок (каждый участник команды отображается как разворачивающаяся карточка, что проще управлять, чем компактная таблица, когда есть поля изображений)
- При желании установите Минимальное количество строк на 1 (чтобы на странице всегда был хотя бы один участник команды)
Шаг 2: Установите правила расположения
- Прокрутите до раздела правил расположения
- Установите: Страница равна Команда (нацеливаясь на конкретную страницу под названием «Команда»)
- В качестве альтернативы, если у вас есть шаблон страницы команды: Шаблон страницы равен Шаблону команды
- Если вы хотите, чтобы раздел команды был доступен на нескольких страницах, добавьте группы OR для каждой целевой страницы
- Сохраните группу полей
Шаг 3: Рабочий процесс менеджера контента — Добавление участников команды
Вот что делает менеджер контента, чтобы заполнить страницу команды:
- Перейдите в Страницы и откройте страницу «Команда» в редакторе
- Прокрутите ниже редактора контента, чтобы найти метабокс «Участники команды»
- Нажмите Добавить строку, чтобы создать первую запись участника команды
- Загрузите фото, нажав «Выбрать изображение» — выберите из медиатеки или загрузите новое фото
- Введите полное имя человека, должность и краткую биографию
- Добавьте их email и ссылки на социальные сети (по желанию)
- Нажмите Добавить строку снова для следующего участника команды
- Повторите для каждого человека в команде
- Перетаскивайте строки по их ручкам, чтобы изменить порядок участников команды (например, сначала руководство, затем по алфавиту)
- Нажмите Обновить, чтобы сохранить страницу
Шаг 4: Шаблоны отображения
Ваш разработчик реализует отображение на фронтенде. Вот распространенные варианты макета, которые стоит обсудить с ним:
Сеточный макет (Наиболее распространенный)Участники команды отображаются в адаптивной сетке — обычно 3-4 в ряд на десктопе, 2 на планшете, 1 на мобильном. Каждая карточка показывает фото, имя, должность, а эффект наведения раскрывает биографию и ссылки на социальные сети. Лучше всего подходит для команд из 6-20 человек.
СписокВертикальный список с фото слева и деталями справа. Каждая запись занимает полную ширину. Лучше для небольших команд (3-6 человек), где вы хотите показать больше текста биографии.
Карточный макет с модальным окномКарточки показывают фото, имя и должность. Нажатие на карточку открывает модальное окно (всплывающее) с полной биографией, email и ссылками на социальные сети. Хорошо для больших команд (20+), где показ всех деталей на странице будет перегружать.
Разделы по департаментамЕсли ваша команда организована по департаментам, добавьте под-поле Select под названием «Департамент» с такими опциями, как «Руководство», «Инженерия», «Дизайн», «Маркетинг». Ваш разработчик может затем сгруппировать вывод по департаментам с заголовками разделов.
Советы для менеджеров контента
- Согласованность фото: Используйте фото одинаковых размеров и стиля (все портреты, все квадратные, с одинаковым фоном). Это создает профессиональный, единообразный вид.
- Длина биографии: Держите биографии в пределах 2-3 предложений. Страница команды предназначена для быстрых представлений, а не полных резюме.
- Порядок: Сначала ставьте руководство или ключевых контактов. В каждой группе по алфавиту по фамилии — это стандартная практика.
- Обновления: Когда кто-то покидает команду, удалите их строку. Когда кто-то присоединяется, добавьте новую строку в соответствующем месте. Нажмите Обновить, чтобы сохранить.