Как правильно создать пользовательскую страницу входа в WordPress (шаг за шагом)

Как создать пользовательскую страницу входа в WordPress


Вы никогда не задумывались, если вы могли бы создать пользовательскую страницу входа в WordPress?

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

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

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

Зачем создавать пользовательскую страницу входа?

Если вы используете веб-сайт с поддержкой сообщества, такой как форум, членский сайт, нишевая социальная сеть или любой другой веб-сайт, который требует, чтобы пользователи зарегистрировали учетную запись и вошли в систему, вам потребуется создать собственную страницу входа в систему..

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

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

Выбор правильного плагина для создания пользовательской страницы входа

В официальном хранилище плагинов WordPress вы можете найти десятки различных плагинов, которые помогут вам легко создать пользовательскую страницу входа. В этой статье мы рассмотрим 2 разных плагина: WPForms а также Тема Мой логин.

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

Вот некоторые преимущества WPForms:

  • Настройте свою форму входа в систему так, как вы хотите без каких-либо ограничений.
  • Опубликуйте свою форму входа на любые сообщения или страницы.
  • Вставить форму входа в систему на боковой панели или даже в виджетах.

Выберите тему Мой логин если вы хотите создать простую страницу входа с легкостью.

Ниже приведены некоторые особенности Theme My Login:

  • Не требуется настройка для создания пользовательской страницы входа.
  • Автоматически скрывает страницу входа по умолчанию и перенаправляет на вновь созданную страницу входа.
  • Добавьте ссылку на страницу входа на боковой панели с пользовательским виджетом входа.

Недостатком является то, что, в отличие от WPForms, Theme My Login не позволяет вам встраивать свою форму входа в систему где-либо на вашем сайте и будет отображаться исключительно на вашей странице входа. Поскольку это не полнофункциональный плагин для форм, такой как WPForms, возможность настройки формы входа ограничена.

Способ 1. Использование WPForms для создания страницы входа

WPForms

Давайте посмотрим, как создать страницу входа с WPForms..

Шаг 1. Установите WPForms на свой сайт

Первое, что вам нужно сделать, это установить и активировать плагин WPForms. Не забудьте подтвердить свой лицензионный ключ, перейдя к WPForms »Настройки. Вы можете получить лицензионный ключ от своего аккаунта на сайте WPForms..

Чтобы создать пользовательскую страницу входа с помощью WPForms, вам необходимо установить Регистрация пользователя перейдя в WPForms »Аддоны. щелчок Установить аддон рядом с надстройкой регистрации пользователей, а затем нажмите Активировать.

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

Шаг 2: Создайте пользовательскую форму входа

С мощным конструктором перетаскивания WPForms, вы можете создать форму входа в систему всего за несколько минут, а не часов, без написания одной строки кода.

Чтобы создать форму входа, посетите WPForms »Добавить новый. На странице настройки формы вам нужно выбрать Форма входа пользователя шаблон для создания формы входа.

шаблон формы входа пользователя

Теперь вы увидите конструктор форм, где вы можете добавлять, настраивать и удалять поля формы входа. По умолчанию в шаблон формы входа добавляются следующие поля формы: имя пользователя а также пароль.

Форма входа пользователя в WordPress

Вы можете настроить любое поле, нажав на него в конструкторе страниц. Затем вы можете сделать нужные настройки в левой панели.

Шаг 3: Конфигурация формы

Чтобы настроить общие параметры, вы можете перейти к Настройки »Общие. На этой странице вы можете настроить имя формы, описание, текст кнопки и т. Д..

общие настройки форма входа

Вам не нужно ничего делать в Уведомления вкладка для вашей пользовательской формы входа. По умолчанию уведомления отключены, поэтому вы не получите электронное письмо, когда кто-то заходит на ваш сайт.

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

Подтверждение настроек пользовательской страницы входа

Шаг 4: опубликуйте свою форму WordPress

Одним из основных преимуществ использования WPForms для создания формы входа в систему является то, что она позволяет встраивать форму в любое место на вашем сайте, включая публикации, страницы, виджеты боковой панели или области нижнего колонтитула с виджетами..

Давайте рассмотрим, как опубликовать вашу форму в постах или на страницах..

Создайте новый пост или страницу в WordPress, а затем нажмите на + значок в редакторе блоков Гутенберга. Вы можете найти блок WPForms и нажать на него.

Добавить формы

Далее выберите форму входа в блоке WPForms, и она автоматически загрузится в ваш пост / страницу.

Выберите форму входа

После добавления формы вы можете опубликовать свой пост / страницу.

Вы также можете добавить форму входа в виджет боковой панели следующим образом. Направляйтесь к Внешний вид »Виджеты и добавьте виджет WPForms на боковую панель.

Виджет формы входа

Выберите свою форму входа в настройках виджета и нажмите на Сохранить кнопка для сохранения изменений.

Способ 2. Использование темы «Мой логин» для создания страницы входа

тема мой логин плагин

Тема Мой логин Плагин позволяет легко публиковать пользовательскую форму входа на вашем сайте WordPress. Чтобы создать простую страницу входа, все, что вам нужно сделать, это установить и активировать плагин Theme My Login.

Плагин работает из коробки без дальнейшей настройки.

Однако, если вам нужно настроить параметры плагина, вы можете щелкнуть меню Theme My Login на панели инструментов WordPress..

тема мои настройки входа

Затем вы можете изменить тип входа и регистрации. Вы также можете настроить URL-адреса для входа в систему, выхода из системы, регистрации, потери пароля и сброса паролей..

Способ 3: настроить существующую страницу входа в WordPress без плагина

Если вы предпочитаете вносить изменения или добавлять пользовательские стили в существующую страницу входа в систему, а не создавать новую, вот как это сделать.

Просто добавьте этот код в файл functions.php вашей темы или в плагин для конкретного сайта:

Если вы впервые добавляете фрагменты кода в WordPress, обратитесь к нашему руководству о том, как правильно добавить фрагменты кода в WordPress, чтобы случайно не сломать свой сайт..

// Пользовательская страница входа
function clp_login_head () {

эхо ”; // Начало пользовательских стилей
echo ‘.login #nav a, .login #backtoblog a {color: #! важный; } ‘; // Цвет ссылки на странице входа
echo ‘.login h1 a {background: url ("’. get_bloginfo (‘stylesheet_directory’). ‘/ images / ИЗОБРАЖЕНИЕ ЗДЕСЬ"); ширина: пикс; высота: пикс; } ‘; // Логотип страницы входа
echo ‘.login .button-primary {background: #; цвет границы:#; } ‘; // Цвет кнопки входа
эхо ”; // Конец пользовательских стилей

}
add_action (‘login_head’, ‘clp_login_head’);

Вы можете изменить CSS и URL-адрес изображения в приведенном выше коде, чтобы добавить свой собственный стиль для страницы входа в WordPress..

Метод 4: Показать форму входа WordPress в любом месте без плагина

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

Как и в предыдущем методе, если вы впервые добавляете фрагменты кода в WordPress, обратитесь к нашему руководству о том, как правильно добавить фрагменты кода в WordPress, чтобы случайно не сломать свой сайт..

<?PHP
wp_login_form ();
?>

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

<?php $ args = array (
‘echo’ => правда,
‘redirect’ => ‘Http://wpsnipp.com’,
‘form_id’ => ‘LoginForm’,
‘label_username’ => __ («Имя пользователя»),
‘label_password’ => __( ‘Пароль’ ),
‘label_remember’ => __( ‘Запомни меня’ ),
‘label_log_in’ => __( ‘Авторизоваться’ ),
‘id_username’ => ‘Логин пользователя’,
‘id_password’ => ‘User_pass’,
‘id_remember’ => ‘Запомни меня’,
‘id_submit’ => «Сор подать»,
‘помни’ => правда,
‘value_username’ => ЗНАЧЕНИЕ NULL,
‘value_remember’ => ложный );
wp_login_form ($ арг);
?>

Это оно!

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map