wordpress

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

Last updated: 25.03.2026
Views: 105

У певний момент мені знадобився спосіб відображення ідентичних блоків контенту на кількох сторінках, з можливістю легко керувати ними та оновлювати їх з адміністративної панелі 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'
]);
?>

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

Buy Me a Coffee at ko-fi.com

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

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

author
Автор: Ігор Рибалко
Працюю фронтенд розробником з 2014 року. Основний стек технологій - Vue.js і WordPress

Схожі записи:

Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *