Создание страницы пользовательских настроек WordPress

Сегодня создадим страницу пользовательских настроек в WordPress. Это позволит нам добавить дополнительные настройки и параметры к нашему веб-сайту. Создание пользовательских страницы настроек даст нам больше гибкости и контроля над сайтом, позволяя настроить его наилучшим образом для своей аудитории.

Шаг 1: Создаем функцию для страницы настроек

Сначала вам нужно создать функцию, которая будет отображать страницу настроек. Добавьте следующий код в файл
functions.php вашей темы:

function custom_settings_page() {
    // Ваш код для отображения страницы настроек
}

Шаг 2: Добавление страницы настроек в админ-панель

Теперь вам нужно добавить страницу настроек в админ-панель WordPress. Добавьте следующий код в ту же функцию custom_settings_page():

function custom_settings_page() {
    add_menu_page(
        'Настройки',
        'Мои настройки',
        'manage_options',
        'custom-settings',
        'custom_settings_page_callback',
        'dashicons-admin-settings',
        80
    );
}

function custom_settings_page_callback() {
    // Ваш код для отображения содержимого страницы настроек
}

В этом коде мы используем функцию add_menu_page(), чтобы добавить страницу настроек в админ-панель. Вы можете настроить заголовок, название, права доступа, идентификатор страницы, функцию обратного вызова и значок страницы.

Шаг 3: Отображение содержимого страницы настроек

Теперь вам нужно добавить код для отображения содержимого страницы настроек. Это можно сделать в функции custom_settings_page_callback(), которую мы указали в предыдущем шаге. Например:

function custom_settings_page_callback() {
    ?>
    <div class="wrap">
        <h1>Настройки</h1>
        <form method="post" action="options.php">
            <?php
            settings_fields('custom-settings-group');
            do_settings_sections('custom-settings');

            // Добавляем текстовые поля
            ?>
            <label for="custom_text_field1">Текстовое поле 1:</label><br>
            <input type="text" id="custom_text_field1" name="custom_text_field1"><br><br>

            <label for="custom_text_field2">Текстовое поле 2:</label><br>
            <input type="text" id="custom_text_field2" name="custom_text_field2"><br><br>

            // Добавляем поле textarea
            <label for="custom_textarea">Текстовая область:</label><br>
            <textarea id="custom_textarea" name="custom_textarea" rows="5"></textarea><br><br>

            <?php
            submit_button();
            ?>
        </form>
    </div>
    <?php
}

В этом примере мы используем HTML-разметку для отображения страницы настроек. Вы можете добавить любые поля настроек, которые вам нужны, используя функции settings_fields() и do_settings_sections().

Шаг 4: Сохранение и обработка настроек

Наконец, вам нужно добавить код для сохранения и обработки настроек. Добавьте следующий код в функцию custom_settings_page():


function custom_settings_page() {
    add_menu_page(
        'Настройки',
        'Мои настройки',
        'manage_options',
        'custom-settings',
        'custom_settings_page_callback',
        'dashicons-admin-settings',
        80
    );

    add_action('admin_init', 'custom_settings_page_init');
}

function custom_settings_page_init() {
    register_setting('custom-settings-group', 'custom_setting_name');
}

function custom_settings_page_callback() {
    // Ваш код для отображения содержимого страницы настроек
}

В этом коде мы используем функцию register_setting(), чтобы зарегистрировать настройку и указать ее название и группу. Это позволит WordPress автоматически сохранять значения полей настроек.

Заключение

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

No Comment.