Step Options – плагін для WordPress

У певний момент мені знадобився спосіб відображення ідентичних блоків контенту на кількох сторінках, з можливістю легко керувати ними та оновлювати їх з адміністративної панелі WordPress.

Найпростішим рішенням було б використання стандартного HTML-віджета. Однак, такий підхід не завжди зручний, особливо коли вам потрібно щось більш структуроване або повторно використовуване.

Ідеальним рішенням було б використання Advanced Custom Fields (ACF). На жаль, функція Option Page доступна тепер лише в платній версії. Існують також безкоштовні альтернативи, такі як Carbon Fields, які досить добре обробляють глобальні поля. Але налаштування цього плагіну лише для кількох спільних полів здавалося надмірним.

Тому я вирішив створити власний легкий плагін для керування глобальними користувацькими полями у WordPress. Плагін вимагає мінімальних змін до вашої теми, а в деяких випадках взагалі не вимагає змін коду. Він також підтримує виведення значень полів за допомогою шорткодів, що робить його гнучким та легким для інтеграції в існуючий контент.

Наявний функціонал:

• Динамічне додавання/видалення полів з інтерфейсу адміністратора
• Підтримувані типи полів: текст, текстова область, wysiwyg (візуальний редактор), зображення
• Простий вивід за допомогою функції get_step_option() або шорткоду

Ви можете безкоштовно завантажити плагін WP Step Options з цього вебсайту – Завантажити
Або завантажити з GitHub.

Плагін в адміністративній панелі виглядає так

Встановлення

Завантажте zip-архів плагіна за допомогою адміністративної панелі вашого сайту.

Використання

Додавання полів

1. Перейдіть в Step Options → Manage Fields
2. Заповніть:
   • Field Key — унікальний ідентифікатор (лише латинські літери, цифри, підкреслення)
   • Field Label — назва, що відображається в адміністративній панелі
   • Field Type — оберить з: text, textarea, wysiwyg, image
3. Натисніть Add Field

Заповнення значень

1. Перейдіть до Step Options (головна сторінка налаштувань)
2. Заповніть створені поля
3. Натисніть Save Changes

Виведення значеннь в шаблоні теми

<?php
// Simple text, textarea, wysiwyg
echo get_step_option('site_slogan');

// With default fallback
echo get_step_option('footer_text', '© 2026 My Site');

// For images — returns attachment ID
$logo_id = get_step_option('site_logo');
if ($logo_id) {
    echo wp_get_attachment_image($logo_id, 'medium', false, ['class' => 'site-logo']);
}

// Convenient image helper functions
echo get_step_option_image_url('site_logo', 'full');     // full image URL
echo get_step_option_image_url('site_logo');     // full is the default value

echo get_step_option_image('site_logo', 'thumbnail');    // ready <img> tag
?>

Використання шорткоду

[step_option key="site_slogan"]
[step_option key="about_text"]
[step_option key="site_logo"]   // outputs the attachment ID (not the image!)

Допоміжні функції для зображень

<?php
// Image URL (sizes: thumbnail, medium, large, full)
get_step_option_image_url('header_background', 'large');

// Ready <img> tag with custom attributes
get_step_option_image('site_logo', 'medium', [
    'class'   => 'logo',
    'alt'     => 'Company Logo',
    'loading' => 'lazy'
]);
?>

Вважається гарною практикою обгортати сторонні функції у вашому шаблоні в додаткову перевірку наявності таких функцій. Це захистить вас від неочікуваних помилок, якщо ви вимкнете плагін або скопіюєте код із шаблону до проєкту, який не використовує плагін Step Options.

if( function_exists('get_step_option') ) {
  echo get_step_option('site_slogan');
}

Навіть якщо плагін безкоштовний, ви все одно можете подякувати розробнику, якщо плагін був для вас корисним.

Інші способи зробити донат знаходяться тут

Поточна версія плагіна – 1.0.0
Плагін було протестовано на WordPress версії 6.9
Мінімальна версія PHP — 8.0