Як додати виджет для валют на панель адміністратора WordPress


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

Код для створення виджета:

// Додаємо виджет для USD (Долар США)
add_action('wp_dashboard_setup', 'USD_widgets');
function USD_widgets() {
    global $wp_meta_boxes;
    
    // Додаємо виджет на головну сторінку панелі адміністратора
    wp_add_dashboard_widget(
        'USD_widget', // Слаг виджета (унікальний ідентифікатор)
        'Доллар США (USD)', // Заголовок виджета
        'fun_USD_widgets' // Функція для виведення вмісту виджета
    );
}

// Функція для виведення вмісту виджета
function fun_USD_widgets() {
    // Обробка даних при відправці форми
    if (isset($_POST['save_usd_values'])) {
        // Перевірка, чи є введені значення для купівлі та продажу
        if (isset($_POST['usd_value_kypit']) && isset($_POST['usd_value_prodaj'])) {
            // Оновлюємо значення валют в базі даних
            update_option('usd_value_kypit', sanitize_text_field($_POST['usd_value_kypit']));
            update_option('usd_value_prodaj', sanitize_text_field($_POST['usd_value_prodaj']));
        }
        // Перенаправляємо користувача назад на головну сторінку панелі після збереження
        wp_redirect(admin_url('index.php'));
        exit();
    }

    // Виводимо форму для редагування значень
    echo '<form method="post">';
    echo '<label for="usd_value_kypit">Купівля USD:</label><br>';
    echo '<input type="text" id="usd_value_kypit" name="usd_value_kypit" value="' . esc_attr(get_option('usd_value_kypit')) . '" /><br><br>';
    echo '<label for="usd_value_prodaj">Продаж USD:</label><br>'; 
    echo '<input type="text" id="usd_value_prodaj" name="usd_value_prodaj" value="' . esc_attr(get_option('usd_value_prodaj')) . '" /><br>';
    echo '<br><input type="submit" name="save_usd_values" value="Сохранить">';
    echo '</form>';

}

// Показываем сохраненные значения
//$usd_value_kypit = get_option('usd_value_kypit');
//$usd_value_prodaj = get_option('usd_value_prodaj');
//echo '<p>Купівля USD: ' . $usd_value_kypit . '</p>';
//echo '<p>Продаж USD: ' . $usd_value_prodaj . '</p>'; 

Як вивести значення на сайті:

Щоб вивести збережені значення курсу валют на вашому сайті, просто використовуйте функцію get_option() в потрібному місці шаблону:

// Вивести курс покупки та продажу USD
$usd_value_kypit = get_option('usd_value_kypit');
$usd_value_prodaj = get_option('usd_value_prodaj');

echo '<p>Купівля USD: ' . esc_html($usd_value_kypit) . '</p>';
echo '<p>Продаж USD: ' . esc_html($usd_value_prodaj) . '</p>';

Цей код виведе на сайті курс покупки та продажу долара США, які були введені через панель адміністратора WordPress.

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

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