Звичайні групи полів прикріплюють дані до окремих записів або сторінок — секція героя на сторінці “Про нас”, деталі продукту на записі продукту, біографія на профілі члена команди. Але деяка інформація не належить жодному окремому запису. Вона належить всьому сайту. Ваш номер телефону компанії з’являється в заголовку та нижньому колонтитулі кожної сторінки. Ваші посилання на соціальні мережі відображаються в нижньому колонтитулі та на сторінці контакту. Глобальний банер оголошень простягається через верхню частину кожного екрану. Де ви керуєте цими даними?
Сторінки параметрів вирішують цю проблему. Сторінка параметрів — це спеціальний екран адміністратора — видимий у меню бічної панелі WordPress — де менеджери контенту вводять дані для всього сайту, які доступні скрізь. Вона не прив’язана до запису або сторінки. Вона прив’язана до самого сайту.
Загальні випадки використання для сторінок параметрів
| Назва сторінки параметрів | Поля на ній | Де дані з’являються на веб-сайті |
|---|---|---|
| Налаштування сайту | Назва компанії, Номер телефону, Електронна пошта, Адреса, Логотип | Заголовок, нижній колонтитул, сторінка контакту, схема розмітки, підписи електронної пошти |
| Посилання на соціальні мережі | URL Facebook, URL Twitter/X, URL Instagram, URL LinkedIn, URL YouTube, URL TikTok | Соціальні іконки в заголовку, нижньому колонтитулі, бічній панелі та віджетах для спільного використання |
| Глобальне оголошення | Текст банера, URL посилання банера, Колір банера, Перемикач показу/приховування | Кольорова смуга в самій верхній частині кожної сторінки сайту |
| Вміст нижнього колонтитулу | Текст авторських прав, Логотип нижнього колонтитулу, Посилання навігації нижнього колонтитулу, Заголовок підписки на розсилку, Посилання на політику конфіденційності | Нижній колонтитул сайту на кожній сторінці |
| Зовнішній вигляд теми | Основний колір бренду, Вторинний колір бренду, Вибір шрифту (вибрати), Ширина макета (вибрати: Вузький/Стандартний/Широкий) | Впливає на візуальний вигляд кожної сторінки |
| Години роботи | Години роботи з понеділка по п’ятницю, Години роботи в суботу, Години роботи в неділю, Повідомлення про свята, Перемикач режиму свят | Сторінка контакту, схема Google Business, заголовок |
Покроково: Створення повної сторінки параметрів “Налаштування сайту”
Сценарій: Ви керуєте веб-сайтом консалтингової фірми. Номер телефону, електронна пошта, адреса та логотип фірми з’являються на кожній сторінці — у заголовку, нижньому колонтитулі та розділі контактів. Коли офіс переїжджає або змінюється номер телефону, маркетинговий менеджер повинен оновити його в одному місці, і зміна відобразиться на всьому сайті.> Три способи створення сторінки параметрів у Field Forge:
>
> 1. UI адміністратора (рекомендується для менеджерів контенту) — перейдіть до Field Forge > Сторінки параметрів та натисніть Додати нову сторінку параметрів. Заповніть заголовок сторінки, меню, можливості, батьківську сторінку, іконку, позицію. Збережіть. Елемент меню з’явиться негайно в бічній панелі адміністратора WordPress. Ви можете редагувати або м’яко видалити сторінку пізніше з того ж списку.
> 2. Авто-регистрация з групи полів — якщо група полів має правило розташування Options Page == , Field Forge автоматично реєструє елемент меню верхнього рівня з назвою групи. Без коду, без додаткового кроку адміністратора. Корисно, коли сторінка існує лише для розміщення однієї групи полів.
> 3. PHP фрагмент — викличте fieldforge_add_options_page([...]) (або сумісний з ACF acf_add_options_page([...])) з functions.php вашої теми. Використовуйте це, коли хочете, щоб реєстрація сторінки жила разом з рештою коду вашої теми (щоб вона розгорталася з темою).
>
> Усі три підходи співіснують — ви можете комбінувати. UI адміністратора перераховує сторінки з кожного джерела, але лише сторінки, зареєстровані в БД, мають дії редагування/видалення; сторінки, зареєстровані в PHP, є лише для читання в UI (змінюйте їх у коді).
#### Частина 1a (рекомендується): Створіть сторінку параметрів у UI адміністратора
- Перейдіть до Field Forge > Сторінки параметрів
- Натисніть Додати нову сторінку параметрів
- Заповніть форму:
– Назва меню: “Налаштування сайту” (або залиште порожнім, щоб повторно використати заголовок сторінки)
– Slug меню: site-settings (автоматично згенеровано з заголовка — зберігайте в нижньому регістрі, з дефісами)
– Батьківська сторінка: “(меню верхнього рівня)”
– Можливість: manage_options (тільки для адміністратора)
– Позиція: 80 (упорядковує меню в бічній панелі WordPress)
– Іконка: dashicons-admin-generic (або будь-яка назва Dashicons)
– Текст кнопки оновлення / Повідомлення про оновлення: налаштуйте, якщо хочете, щоб кнопка збереження або повідомлення про успіх говорили щось інше, ніж “Зберегти параметри” / “Параметри збережено.”
- Натисніть Зберегти сторінку параметрів
- Елемент меню “Налаштування сайту” з’являється в бічній панелі адміністратора WordPress негайно. Натисніть на нього — сторінка поки що порожня (група полів ще не прив’язана). Це буде далі.
#### Частина 1b (альтернатива): пропустіть Частину 1a і дайте групі полів авто-региструватися
Якщо ви віддаєте перевагу простішому процесу, де назва групи полів стає назвою меню, повністю пропустіть Частину 1a. Правило розташування групи полів (наступний розділ) автоматично зареєструє елемент меню, використовуючи назву групи. Ви не отримаєте UI редагування/видалення для цієї сторінки, але заощадите один крок адміністратора.
#### Частина 2: Створіть групу полів, яка буде живити сторінку параметрів
- Перейдіть до Field Forge > Нова група полів
- Введіть заголовок: Інформація про компанію (це стане заголовком групи полів всередині сторінки параметрів; якщо ви пропустили Частину 1a, це також стане назвою меню)
- Додайте свої поля:
– Зображення — Назва: Логотип компанії, Ім’я: company_logo, Інструкції: “Завантажте свій логотип. Рекомендується: SVG або PNG з прозорим фоном, ширина не менше 200px.”
– Текст — Назва: Назва компанії, Ім’я: company_name, Обов’язкове: Так
– Текст — Назва: Номер телефону, Ім’я: phone_number, Заповнювач: “(555) 123-4567”, Обгортка: 50%
– Електронна пошта — Назва: Адреса електронної пошти, Ім’я: email_address, Обгортка: 50%
– Текстова область — Назва: Адреса офісу, Ім’я: office_address, Рядки: 3
– Поле вкладки — Назва: “Соціальні мережі” (створює другу вкладку)
– URL — Назва: URL Facebook, Ім’я: facebook_url, Заповнювач: “https://facebook.com/yourcompany”, Обгортка: 50%
– URL — Назва: URL Twitter/X, Ім’я: twitter_url, Обгортка: 50%
– URL — Назва: URL Instagram, Ім’я: instagram_url, Обгортка: 50%
– URL — Назва: URL LinkedIn, Ім’я: linkedin_url, Обгортка: 50%
– URL — Назва: URL YouTube, Ім’я: youtube_url, Обгортка: 50%
– Поле вкладки — Назва: “Банер оголошення”
– Так/Ні — Назва: Показати оголошення, Ім’я: show_announcement, За замовчуванням: Ні, Інструкції: “Перемкніть це, щоб відобразити банер оголошення для всього сайту вгорі кожної сторінки.”
– Текст — Назва: Текст оголошення, Ім’я: announcement_text, Заповнювач: “Ми наймаємо! Перевірте нашу сторінку кар’єри.”
– URL — Назва: Посилання на оголошення, Ім’я: announcement_link
– Вибір кольору — Назва: Колір фону оголошення, Ім’я: announcement_bg_color, За замовчуванням: #2563EB
- Прокрутіть вниз до Правила розташування
- Встановіть: Сторінка параметрів дорівнює slug, наприклад,
site-settings(це стає slug сторінки меню — зберігайте коротким і в нижньому регістрі) - Натисніть Зберегти групу полів
- Новий елемент меню з’являється в бічній панелі WordPress з назвою вашої групи полів (“Інформація про компанію”) як назва меню
> Хочете іншу назву меню, іконку або позицію? Додайте невеликий фрагмент до functions.php вашої теми. Slug повинен відповідати тому, що ви встановили в правилі розташування:
>
> add_action('init', function () {
> if (function_exists('fieldforge_add_options_page')) {
> fieldforge_add_options_page([
> 'page_title' => 'Налаштування сайту',
> 'menu_title' => 'Налаштування сайту',
> 'menu_slug' => 'site-settings', // відповідає правилу розташування
> 'icon_url' => 'dashicons-admin-generic',
> 'position' => 80,
> ]);
> }
> });
>#### Частина 2: Заповніть налаштування сайту
- Натисніть новий елемент меню (“Налаштування сайту” / “Інформація про компанію”) у бічній панелі адміністратора WordPress
- Ви бачите групу полів “Інформація про компанію” з трьома вкладками: Загальні, Соціальні мережі та Банер оголошення
- На вкладці Загальні: завантажте свій логотип, введіть назву компанії, телефон, електронну пошту та адресу
- Перейдіть на вкладку Соціальні мережі: вставте URL своїх профілів у соціальних мережах
- Перейдіть на вкладку Банер оголошення: перемкніть “Показати оголошення” на Так, введіть текст оголошення, вставте посилання та виберіть колір фону
- Натисніть Зберегти зміни (кнопка внизу сторінки параметрів)
[Скріншот: сторінка параметрів Налаштування сайту в адмінці, що показує вкладку Загальні з заповненими полями — завантажено логотип, введено назву компанії, телефон, електронну пошту та адресу]
Дані тепер збережені та доступні для всього сайту. Ваш розробник витягує ці значення в будь-який шаблон — заголовок, нижній колонтитул, сторінка контакту, банер оголошення або схема розмітки.
Редагування або видалення сторінки параметрів
Сторінки, створені через UI адміністратора (“DB” джерело в списку), можуть бути відредаговані або видалені в будь-який час:
- Редагувати: відкрийте Field Forge > Сторінки параметрів, натисніть значок олівця поруч із рядком. Змініть заголовок, назву меню, можливість, батька, іконку, позицію, текст кнопки або повідомлення про успіх. Збережіть. Зміна відобразиться в бічній панелі WordPress негайно при наступному завантаженні сторінки адміністратора.
- М’яке видалення: натисніть значок смітника. Рядок залишається в базі даних з
status = deleted, але елемент меню зникає. Групи полів, прив’язані до цієї сторінки, перестають відображатися в адмінці, поки ви не відновите. - Відновити: м’яко видалені рядки показують значок відновлення (скасування) у своїй колонці дій. Один клік повертає сторінку до активного статусу.
Сторінки з PHP коду (fieldforge_add_options_page()) або авто-регістровані з правила розташування групи полів перераховуються для видимості, але є лише для читання в UI — змініть їх, редагуючи джерело.
Створення підсторінок для кращої організації
Якщо у вас багато налаштувань для всього сайту, ви можете організувати їх у батьківську сторінку з дочірніми сторінками. UI адміністратора підтримує це безпосередньо — при додаванні або редагуванні сторінки встановіть випадаюче меню Батьківська сторінка на “Field Forge”, “Налаштування”, “Зовнішній вигляд”, “Інструменти” або будь-яке інше меню верхнього рівня WordPress. Сторінка стає дочірньою для цього батька.
Для більш детального контролю (кастомний slug батька, пакетне створення) фрагмент functions.php все ще працює:
add_action('init', function () {
if (!function_exists('fieldforge_add_options_page')) return;
// Parent
fieldforge_add_options_page([
'page_title' => 'Site Settings',
'menu_title' => 'Site Settings',
'menu_slug' => 'site-settings',
'icon_url' => 'dashicons-admin-generic',
]);
// Children — note `parent_slug` matches the parent's `menu_slug`
foreach ([
'general' => 'General',
'social-media' => 'Social Media',
'appearance' => 'Appearance',
'integrations' => 'Integrations',
] as $slug => $title) {
fieldforge_add_options_page([
'page_title' => $title,
'menu_title' => $title,
'menu_slug' => $slug,
'parent_slug' => 'site-settings',
]);
}
});Потім створіть одну групу полів для кожного дочірнього slug, з Options Page == general / social-media / тощо як правило розташування. У бічній панелі адміністратора вони з’являються як відступлені підпункти під “Налаштування сайту.”
Хто може редагувати сторінки параметрів
За замовчуванням лише користувачі з роллю Адміністратора можуть отримати доступ до сторінок параметрів. Це контролюється налаштуванням “Здатність” під час створення сторінки. Якщо ви хочете, щоб Редактори також могли керувати налаштуваннями сайту, змініть здатність на edit_posts — але будьте обережні з наданням широкого доступу до налаштувань сайту.
| Здатність | Хто може отримати доступ | Коли використовувати |
|---|---|---|
manage_options | Тільки адміністратори | За замовчуванням — рекомендовано для більшості сайтів |
edit_pages | Адміністратори та редактори | Коли надійним редакторам потрібно оновити контент на сайті |
edit_posts | Адміністратори, редактори та автори | Рідко потрібно — лише для дуже відкритих робочих процесів |
> Що станеться без PRO: Сторінки параметрів є ексклюзивною функцією PRO. Без них дані на сайті доведеться зберігати на прихованій сторінці “Налаштування”, у WordPress Customizer або жорстко закодованими в файлах теми. Жоден з цих підходів не надає менеджерам контенту чистий, спеціалізований екран адміністратора, який забезпечує сторінка параметрів. Якщо вашому сайту потрібні глобальні налаштування, які керують не-розробники, ця функція сама по собі виправдовує оновлення до PRO.
> Порада: Сторінки параметрів ідеально підходять для даних, які змінюються рідко — номери телефонів, URL соціальних мереж, години роботи. Якщо дані змінюються щодня (як оголошення), поєднайте їх з перемикачем Так/Ні, щоб редактори могли швидко показувати або приховувати їх без видалення та повторного введення контенту.
> Звичайна помилка: Створення занадто багатьох сторінок параметрів і втрата контролю над тим, де знаходяться налаштування. Почніть з однієї сторінки “Налаштування сайту” і використовуйте вкладки всередині групи полів, щоб організувати різні категорії налаштувань. Створюйте окремі сторінки лише тоді, коли налаштування дійсно не пов’язані (наприклад, “Налаштування сайту” для інформації про компанію та “Аналітика” для кодів відстеження).