Как создать собственный вид регистрации в WordPress с примерами кода и плагинов

Автор: Роман Васильев | Опубликовано: 25.11.2025

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

Почему стоит создавать собственный вид регистрации в WordPress

Стандартная форма регистрации WordPress очень ограничена: она содержит минимум полей (логин, email, пароль), и её внешний вид не всегда вписывается в дизайн сайта. Если вы хотите добавить, например, поле для имени, телефона, или настроить дизайн под свой шаблон, то придется создавать собственный вид регистрации.

Кастомизация формы регистрации позволяет:

Добавлять любые дополнительные поля;
Интегрировать регистрацию с другими плагинами (например, WooCommerce или BuddyPress);
Улучшать UX с помощью валидации и кастомных сообщений;
Поддерживать единый стиль сайта.

Давайте рассмотрим несколько способов реализации.

Использование плагинов для создания кастомной регистрации

Плагин WP User Manager

WP User Manager — мощный и бесплатный плагин, позволяющий создавать красивые страницы регистрации и профиля без программирования. Он поддерживает добавление кастомных полей, настройку email-уведомлений и многое другое.

Чтобы создать форму регистрации с WP User Manager:

Установите и активируйте плагин через админку WordPress.
Перейдите в «User Manager» > «Forms» и создайте новую форму регистрации, добавляя нужные поля.
Используйте шорткод [wum_register] на странице регистрации.
Настройте уведомления и перенаправления в настройках плагина.

WP User Manager хорошо подходит для большинства задач, но если нужна полная кастомизация, придется добавить код.

Плагин RegistrationMagic

RegistrationMagic — продвинутый плагин с большим набором опций для регистрации. Он позволяет создавать многоформатные формы, управлять регистрациями и анализировать статистику.

Преимущества:

Визуальный редактор форм;
Управление ролями пользователей;
Встроенная CAPTCHA и защита от спама;
Множество интеграций.

Для простых сайтов плагин может быть избыточным, но для сложных проектов — отличное решение.

Создание кастомной формы регистрации с помощью кода

Если вы хотите полностью контролировать процесс, создайте форму регистрации своими силами. Ниже показан пример, как это сделать корректно с использованием хуков WordPress и безопасной обработки данных.

Шаг 1. Создаём шорткод для вывода формы

function wptemplates_custom_registration_form() {
    ob_start();
    ?>
    <form action="" method="post" id="wptemplates-registration-form">
        <p>
            <label for="username">Логин <span>*</span></label>
            <input type="text" name="username" id="username" required>
        </p>
        <p>
            <label for="email">Email <span>*</span></label>
            <input type="email" name="email" id="email" required>
        </p>
        <p>
            <label for="password">Пароль <span>*</span></label>
            <input type="password" name="password" id="password" required>
        </p>
        <p>
            <label for="phone">Телефон</label>
            <input type="text" name="phone" id="phone">
        </p>
        <p>
            <input type="submit" name="wptemplates_register" value="Зарегистрироваться">
        </p>
        <?php wp_nonce_field('wptemplates_register_nonce', 'wptemplates_register_nonce_field'); ?>
    </form>
    <?php
    return ob_get_clean();
}
add_shortcode('wptemplates_registration', 'wptemplates_custom_registration_form');

Этот шорткод выводит форму с полями: логин, email, пароль и дополнительным полем телефон.

Шаг 2. Обработка данных формы и регистрация пользователя

function wptemplates_handle_registration() {
    if (isset($_POST['wptemplates_register'])) {
        if (!isset($_POST['wptemplates_register_nonce_field']) || !wp_verify_nonce($_POST['wptemplates_register_nonce_field'], 'wptemplates_register_nonce')) {
            wp_die('Ошибка безопасности. Попробуйте еще раз.');
        }
        $username = sanitize_user($_POST['username']);
        $email = sanitize_email($_POST['email']);
        $password = $_POST['password'];
        $phone = sanitize_text_field($_POST['phone']);

        $errors = new WP_Error();

        if (empty($username) || empty($email) || empty($password)) {
            $errors->add('field', 'Обязательные поля не заполнены.');
        }

        if (!is_email($email)) {
            $errors->add('email_invalid', 'Email введён некорректно.');
        }

        if (username_exists($username)) {
            $errors->add('username_exists', 'Пользователь с таким логином уже существует.');
        }

        if (email_exists($email)) {
            $errors->add('email_exists', 'Пользователь с таким email уже существует.');
        }

        if (empty($errors->errors)) {
            $user_id = wp_create_user($username, $password, $email);
            if (!is_wp_error($user_id)) {
                update_user_meta($user_id, 'phone', $phone);
                wp_new_user_notification($user_id, null, 'user');
                echo '<p>Регистрация прошла успешно!</p>';
            } else {
                echo '<p>Ошибка при создании пользователя.</p>';
            }
        } else {
            foreach ($errors->get_error_messages() as $error) {
                echo '<p style="color:red;">' . esc_html($error) . '</p>';
            }
        }
    }
}
add_action('wp', 'wptemplates_handle_registration');

Этот код проверяет данные, регистрирует пользователя и сохраняет номер телефона в метаданных.

Дополнительные советы по кастомизации формы регистрации

Валидация и защита от спама

Чтобы защитить форму от спама, можно добавить Google reCAPTCHA или простую капчу. Также важно валидировать все входящие данные, чтобы избежать уязвимостей.

Пример добавления Google reCAPTCHA можно найти в документации Google, а для интеграции с формой достаточно добавить HTML и проверить ответ сервера.

Кастомизация внешнего вида через CSS

Для интеграции формы в дизайн сайта используйте CSS. Например, можно задать оформление для полей, кнопок и ошибок:

#wptemplates-registration-form {
    max-width: 400px;
    background: #f9f9f9;
    padding: 20px;
    border-radius: 5px;
}
#wptemplates-registration-form input[type="text"],
#wptemplates-registration-form input[type="email"],
#wptemplates-registration-form input[type="password"] {
    width: 100%;
    padding: 8px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
}
#wptemplates-registration-form input[type="submit"] {
    background-color: #0073aa;
    color: #fff;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    border-radius: 3px;
}
#wptemplates-registration-form input[type="submit"]:hover {
    background-color: #005177;
}

Расширение функционала: активация через email и роли

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

Пример установки роли при регистрации:

wp_create_user($username, $password, $email);
// или
$user_id = wp_create_user($username, $password, $email);
if (!is_wp_error($user_id)) {
    $user = new WP_User($user_id);
    $user->set_role('subscriber'); // или другая роль
}

Заключение

Создание собственного вида регистрации в WordPress — задача вполне решаемая и полезная для улучшения UX и функционала сайта. Можно выбрать между готовыми плагинами и написанием кода, в зависимости от требований проекта. Важно помнить о безопасности, валидации и удобстве для пользователей.

Используйте приведённые примеры как основу для своих решений и адаптируйте под нужды своего сайта на wptemplates.ru.