Field Forge + Elementor — Динамічний контент | Field Forge - Кастомні поля, створені для швидкості

Що таке динамічні теги Elementor

Система Динамічних тегів Elementor дозволяє віджетам отримувати контент з динамічних джерел замість жорстко закодованих значень. Замість того, щоб вводити “Назва продукту” у віджет заголовка, ви можете вибрати “Динамічний → Користувацьке поле → Назва продукту”, і віджет отримає значення з користувацького поля вашого поточного поста.

Саме так працюють шаблони конструктора тем Elementor. Один шаблон може відображати будь-яку сторінку продукту, отримуючи назву продукту, ціну, опис, зображення та характеристики з користувацьких полів динамічно.

Field Forge реєструє себе як джерело динамічного тегу, роблячи всі групи полів доступними для віджетів Elementor автоматично.

Як це працює

Крок 1: Встановіть обидва плагіни

Встановіть Field Forge та Elementor (або Elementor Pro). Активуйте обидва. Field Forge виявляє Elementor під час активації та реєструє своє джерело динамічного тегу.

Крок 2: Створіть групу полів

Використовуйте візуальний конструктор Field Forge, щоб створити групу полів і призначити її типу поста через правила розташування. Наприклад:

Група полів: Деталі продукту
Правило розташування: Тип поста дорівнює “продукт”
Поля: Назва продукту (текст), Ціна (число), Опис (текстова область), Головне зображення (зображення), Характеристики (повторювач)

Крок 3: Використовуйте поля в віджетах Elementor

Редагуйте шаблон продукту (або будь-яку сторінку Elementor). У полі контенту будь-якого віджета:

Натисніть кнопку Динамічний (маленька іконка бази даних) поруч з полем контенту
Виберіть Field Forge → Деталі продукту → Назва продукту
Тепер віджет динамічно відображає назву продукту

Повторіть для інших полів — вставте Головне зображення у віджет зображення, Ціну у віджет ціни тощо.

Крок 4: Опублікуйте шаблон

Опублікуйте шаблон Elementor. Тепер кожен продукт на вашому сайті відображається через цей шаблон з динамічними значеннями полів, отриманими з Field Forge.

Підтримувані типи полів у динамічних тегах

Field Forge надає ці типи полів як динамічні теги Elementor:

Текстові поля

Текст, Текстова область, Email, URL, Пароль, Число, Діапазон → відображається як текст
WYSIWYG → відображається як HTML контент

Медіа поля

Зображення → вставте у віджет зображення (повертає ID, URL або масив залежно від віджета)
Файл → текст посилання або URL файлу у віджетах Кнопка / Текст
Галерея → використовуйте у віджетах Картинна карусель або Галерея
oEmbed → автоматично вбудовується у віджетах Відео або HTML

Поля вибору

Вибір, Радіо, Група кнопок → вибране значення як текст
Чекбокс → значення, розділені комами або масив
Правда/Неправда → умовне відображення (використовуйте з умовами відображення)

Реляційні поля

Об’єкт поста → пов’язане заголовок поста або всі дані поста
Взаємозв’язок → масив постів для використання в Конструкторі циклів (Elementor Pro)
Посилання на сторінку → URL для віджетів Кнопка
Користувач → відображуване ім’я користувача або email
Таксономія → назви термінів або посилання

Поля дати/часу

Вибір дати → відформатований рядок дати
Вибір часу → відформатований рядок часу
Вибір кольору → значення кольору для віджетів з користувацьким кольором

Складні поля

Повторювач → використовуйте у віджеті Сітка циклів (Elementor Pro) для відображення рядків
Група → доступ до окремих підполів через крапкову нотацію
Гнучкий контент → використовуйте з Конструктором циклів

Умови відображення

Використовуйте значення Field Forge в умовах відображення Elementor:

Показати секцію лише якщо “Головне зображення” встановлено
Показати кнопку CTA лише якщо “URL” заповнено
Сховати бокову панель на постах, де чекбокс “Сховати бокову панель” є істинним

Умови відображення Elementor (Elementor Pro) читають значення Field Forge так само, як і будь-яке інше користувацьке поле.

Конструктор тем Elementor Pro

Для користувачів Elementor Pro Field Forge особливо потужний з Конструктором тем:

Шаблони одиночних постів — використовуйте поля Field Forge для відображення сторінок користувацького типу поста
Шаблони архівів — використовуйте в Сітках циклів для відображення значень полів на пост
Шаблони заголовків/футерів — отримуйте налаштування по всьому сайту з сторінок налаштувань Field Forge
Шаблони результатів пошуку — динамічний контент на основі користувацьких полів

Створіть один шаблон, відображайте його на сотнях постів з даними Field Forge.

Поля повторювача в Сітках циклів

Віджет Сітка циклів Elementor Pro може ітеруватися по рядках повторювача Field Forge:

Додайте поле повторювача Field Forge (наприклад, “Члени команди” з підполями Ім’я, Фото, Біографія)
В Elementor додайте віджет Сітка циклів
Встановіть джерело на Field Forge Repeater → Члени команди
Створіть шаблон циклу з динамічними тегами для Імені, Фото та Біографії
Сітка циклів відображає один елемент на рядок повторювача

Це замінює те, що ви інакше створили б за допомогою користувацького PHP та циклів WP_Query.

Сторінки налаштувань в Elementor

Значення сторінок налаштувань Field Forge доступні в Elementor через:

Elementor → Налаштування сайту → Користувацький CSS може посилатися на значення сторінок налаштувань через CSS змінні.

Віджети Elementor можуть отримувати значення сторінок налаштувань через динамічні теги: виберіть “Field Forge Options → Налаштування сайту → Назва компанії” замість “Field Forge → [Пост] → Назва компанії.”

Це корисно для глобальних значень (логотип сайту, інформація про компанію, соціальні URL), які повинні бути однаковими на всіх шаблонах.

Продуктивність

Користувацьке зберігання таблиць та інтеграція об’єктного кешу Field Forge означають, що сторінки Elementor відображаються швидше, ніж з іншими плагінами користувацьких полів. Кожен запит динамічного тегу кешується, тому повторний доступ до одного й того ж поля на одній сторінці не додає додаткового навантаження на базу даних.

Для архівів Elementor з Сітками циклів, які отримують дані з 20+ постів, пакетне завантаження Field Forge усуває проблему N+1 запитів, яка зазвичай сповільнює комбінації Elementor + ACF.

Міграція з ACF + Elementor

Якщо ви зараз використовуєте інтеграцію ACF + Elementor, міграція на Field Forge є простою:

Міграція груп полів ACF та значень до Field Forge (через імпортер ACF)
Field Forge реєструється як джерело динамічного тегу під час активації
Шаблони Elementor, які посилалися на динамічні теги ACF, автоматично отримують реєстрацію Field Forge

Більшість шаблонів Elementor працюють без змін після міграції. У деяких випадках вам може знадобитися повторно вибрати джерело динамічного тегу з “Поле ACF” на “Поле Field Forge” в окремих віджетах, але основні дані залишаються тими ж.

Готові використовувати Field Forge з Elementor?

Отримайте Field Forge — від $35/рік →

Інтеграція з Elementor включена в усі версії Field Forge, включаючи безкоштовну.