Група полів — це колекція полів, які з’являються разом під час редагування поста або сторінки. У цьому розділі ви дізнаєтеся, як створити повну, реальну групу полів від початку до кінця. Замість іграшкового прикладу ви створите профіль “Члена команди”, який може використовувати консалтингова компанія — з фотографією, ім’ям, посадою, біографією, спеціалізаціями та URL-адресою LinkedIn. Наприкінці ви зрозумієте кожну частину редактора групи полів і будете готові створити свої власні налаштування.
Сценарій
Уявіть, що ви керуєте консалтинговою компанією під назвою Apex Partners. Ви хочете, щоб кожен консультант мав окрему сторінку профілю на вашому веб-сайті, яка показує їхню фотографію, повне ім’я, посаду, професійну біографію, список спеціалізацій та посилання на їхній профіль LinkedIn. У вас є власний тип поста під назвою “Члени команди” (ваш розробник це налаштував), і вам потрібні поля для заповнення редакторами.
Крок 1: Створіть групу полів
- Перейдіть до Field Forge > Нова група полів
- У полі заголовка вгорі введіть: Профіль члена команди
- Цей заголовок — те, що редактори бачать як заголовок метабоксу під час редагування поста Члена команди
![Скріншот: редактор групи полів з введеним заголовком “Профіль члена команди” та порожнім списком полів нижче]
Крок 2: Додайте поле фотографії
- Натисніть кнопку Додати поле — з’явиться сітка доступних типів полів
- Виберіть Зображення з сітки
- Налаштуйте поле:
– Ім’я: profile_photo (автоматично згенеровано з мітки — залиште як є)
– Інструкції: Завантажте професійне фото. Рекомендований розмір: 400×400 пікселів, квадратний кадр.
– Обов’язкове: Так (включіть це — кожен член команди потребує фотографії)
– Формат повернення: Масив зображень (надає вашому розробнику доступ до кількох розмірів зображень)
– Розмір попереднього перегляду: Середній (це контролює ескіз попереднього перегляду, показаний у редакторі)
– Ширина обгортки: 30% (ми розмістимо фотографію зліва, а ім’я та посаду справа)
Крок 3: Додайте поле імені
- Знову натисніть Додати поле, виберіть Текст
- Налаштуйте:
– Ім’я: full_name
– Інструкції: Введіть повне ім’я консультанта, як воно має з’являтися на веб-сайті.
– Обов’язкове: Так
– Заповнювач: “Джейн Доу”
– Обмеження символів: 100 (запобігає випадковому вставленню абзацу)
– Ширина обгортки: 35%
Крок 4: Додайте поле посади
- Натисніть Додати поле, виберіть Текст
- Налаштуйте:
– Ім’я: job_title
– Інструкції: Їхня роль у компанії (наприклад, Старший консультант, Керуючий партнер).
– Обов’язкове: Так
– Заповнювач: “Старший консультант”
– Ширина обгортки: 35%
Крок 5: Додайте поле біографії
- Натисніть Додати поле, виберіть Текстова область
- Налаштуйте:
– Ім’я: professional_bio
– Інструкції: Напишіть 2-3 абзаци про фон, експертизу та підхід консультанта. Це з’являється на їхній сторінці профілю.
– Обов’язкове: Так
– Рядки: 6 (робить текстову область достатньо високою для кількох абзаців без прокручування)
– Ширина обгортки: 100% (повна ширина — біографії потребують простору)
Крок 6: Додайте поле спеціалізацій
- Натисніть Додати поле, виберіть Прапорець
- Налаштуйте:
– Ім’я: specialties
– Інструкції: Виберіть усі сфери експертизи, які підходять.
– Варіанти: Додайте кожну спеціалізацію на окремому рядку:
– Стратегія
– Операції
– Цифрова трансформація
– Фінансове консультування
– Людський капітал
– Управління ризиками
– Технології
– Стійкість
– Макет: Горизонтальний (відображає прапорці в ряд замість вертикального списку, економлячи місце)
– Ширина обгортки: 100%
Крок 7: Додайте поле URL LinkedIn
- Натисніть Додати поле, виберіть URL
- Налаштуйте:
– Ім’я: linkedin_profile
– Інструкції: Вставте повну URL-адресу профілю LinkedIn (наприклад, https://linkedin.com/in/janedoe).
– Обов’язкове: Ні (не кожен член команди може мати його)
– Заповнювач: “https://linkedin.com/in/username”
– Ширина обгортки: 50%
Крок 8: Встановіть правила розташування
- Прокрутіть вниз під полями до розділу Правила розташування
- Встановіть перший випадаючий список на Тип поста
- Встановіть оператор на дорівнює
- Встановіть значення на Член команди (або як називається ваш тип поста команди)
- Це означає, що кожен пост Члена команди на вашому сайті відображатиме метабокс “Профіль члена команди”
Крок 9: Збережіть і протестуйте
- Натисніть Зберегти групу полів (або натисніть Cmd+S / Ctrl+S)
- Перейдіть до вашого типу поста Члени команди в бічній панелі адміністратора
- Відкрийте існуючий пост члена команди або створіть новий
- Прокрутіть вниз під редактором контенту — ви побачите метабокс “Профіль члена команди”
- Зверніть увагу, що поле Фотографія профілю (ширина 30%) знаходиться зліва, а Повне ім’я (35%) і Посада (35%) — справа в одному рядку
- Заповніть деякі тестові дані: завантажте фотографію, введіть ім’я, посаду та біографію, виберіть кілька спеціалізацій, вставте URL LinkedIn
- Натисніть Опублікувати або Оновити, щоб зберегти
- Знову відкрийте пост, щоб підтвердити, що всі дані збережені
![Скріншот: пост Члена команди в редакторі, що показує метабокс “Профіль члена команди” з усіма заповненими полями — фотографія зліва, ім’я та посада справа, біографія нижче, прапорці для спеціалізацій та поле URL LinkedIn]
Більше прикладів груп полів, які ви могли б створити
| Група полів | Поля | Правило розташування | Сценарій використання |
|---|---|---|---|
| Герой Секція | Заголовок (текст), Підзаголовок (текст), Фонове зображення (зображення), Текст кнопки (текст), URL кнопки (url) | Тип поста = Сторінка | Більшість сторінок на маркетинговому сайті потребують героя |
| Деталі продукту | Ціна (число), SKU (текст), Вага (число), Доступність (вибір), Галерея (галерея) | Тип поста = Продукт | Інформація про продукт електронної комерції |
| Деталі події | Дата події (вибір дати), Час початку (вибір часу), Місце (текст), Адреса (текстова область), URL квитка (url), Вбудування карти (текстова область) | Тип поста = Подія | Сайт списку подій |
| Відгук | Цитата (текстова область), Ім’я автора (текст), Фото автора (зображення), Компанія (текст), Рейтинг (діапазон 1-5) | Тип поста = Відгук | Розділ відгуків клієнтів |
| Проект портфоліо | Ім’я клієнта (текст), URL проекту (url), Галерея (галерея), Категорія (вибір), Опис (wysiwyg) | Тип поста = Портфоліо | Портфоліо креативного агентства |
Поради щодо організації полів
- Перетягніть поля для зміни їх порядку — порядок у редакторі — це порядок, в якому редактори бачать на постах
- Двічі натисніть на мітку поля, щоб перейменувати її в рядку без відкриття повної панелі налаштувань
- Використовуйте Ширину обгортки, щоб створити макети з кількома стовпцями. Два поля по 50% сидять поруч. Три по 33% створюють ряд з трьох стовпців
- Додайте поле Вкладка (під типами макетів), щоб розділити велику групу полів на вкладки. Помістіть поля контенту в одну вкладку, SEO-поля в іншу, а налаштування в третю
- Використовуйте поле Повідомлення, щоб додати інструкції, попередження або нотатки, які редактори побачать під час заповнення полів. Наприклад: “Зображення повинні бути не менше 1920×1080 пікселів для секції героя.”
- Зберігайте назви полів короткими та описовими —
hero_titleкраще, ніжthe_title_for_the_hero_section_at_the_top
> Добре знати: Ім’я поля (як full_name) — це те, що ваш розробник використовує в коді теми для відображення даних. Як тільки група полів використовується в продукції, уникайте зміни імен полів — це порушує зв’язок між збереженими даними та темою. Зміна мітки (те, що бачать редактори) завжди безпечна і не впливає на дані або код.
> Звичайна помилка: Нові користувачі іноді створюють групу полів, але забувають встановити правила розташування. Поля існують, але ніколи не з’являються ніде. Завжди прокручуйте вниз до Правил розташування перед збереженням і переконайтеся, що принаймні одне правило налаштоване.