Как создать плагин форму регистрации на wordpress
Перейти к содержимому

Как создать плагин форму регистрации на wordpress

  • автор:

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

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

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

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

Форма регистрации по умолчанию состоит всего из двух полей — имя пользователя и адрес электронной почты:

При наличии только двух полей для ввода данных: имени пользователя и адреса электронной почты, — зарегистрироваться в системе невероятно легко. Сначала вы вводите имя пользователя и адрес электронной почты, после чего пароль будет вам выслан. Далее вы входите на сайт под своим логином и заполняете профиль, изменяете пароль.

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

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

В этой статье мы создадим плагин пользовательской формы регистрации со следующими полями:

  • имя пользователя;
  • пароль;
  • E-mail;
  • адрес веб-сайта;
  • имя;
  • фамилия;
  • ник;
  • биография ( или раздел обо мне ).

Пользовательская форма регистрации может быть интегрирована в WordPress с помощью плагина шорткода и связанного с ним тега шаблона.

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

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

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

Мы будем соблюдать это правило при написании функции валидации.

Как сделать форму регистрации на WordPress

Как сделать форму регистрации на ВордПресс

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

ProfilePress

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

ProfilePress_5

Вход под паролем

Авторизация через соц. сети

login

login form builder

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

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

Для полноценной работы, требуется установка дополнительного расширения Shortcake Shortcode UI. Оно упростит добавление шорткодов в панели управления. После активации плагинов, убедитесь, что стандартные настройки разрешают регистрацию новых пользователей (должна быт установлена галочка «Любой может зарегистрироваться»). При использовании платного пакета, необходимо скопировать лицензию в консоли плагина.

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

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

Постройка форм

Выбрав необходимую вкладку в меню настроек плагина, открывается рабочая панель, позволяющая приступить к созданию формы для входа и других страниц. Для каждой предложено по 5 стилей оформления. Благодаря предварительному просмотру видно, как будет выглядеть форма регистрации на WordPress. Для редактирования шаблона следует нажать на Edit. Возле кнопки загрузки медиафайлов находится запуск ProfilePress Shortcodes – окно, которое показывает все элементы, доступные для добавления. Таким образом, редактирование функций и полей осуществляется очень просто.

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

Profile Builder

Как сделать форму регистрации на WordPress за 5 минут? Воспользоваться плагином Profile Builder. Он предоставляет все необходимые функции по установке форм авторизации, без каких-либо излишеств. Достаточно изучить инструкцию по использованию расширения. Первое – скачиваем, устанавливаем и активируем модуль. После этого переходим к созданию новой страницы сайта с названием «Регистрация». На ней размещается шорткод соответствующего шаблона из плагина Profile Builder.

ProfileBuilder создание формы

ProfileBuilder

ProfileBuilder регистрация

ProfileBuilder авторизация

ProfileBuilder регистрация

ProfileBuilder востановление пароля

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

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

Login With Ajax

плагтн Login With Ajax

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

Сразу перейдем к возможностям расширения:
  • интуитивно понятный интерфейс и настройки;
  • установка переадресации;
  • управление переадресацией для каждой группы пользователей;
  • редактирование сообщения, отправляемого после ввода всех данных;
  • использование AJAX;

Установка проходит, как обычно – через стандартный загрузчик плагинов. Тема устанавливается и активируется. В общих настройках консоли WordPress снимаем запрет на добавление новых пользователей, как в предыдущих случаях.

В меню параметров необходимо выбрать шаблон, который будет отображаться по умолчанию, на выбор 3 варианта:
  • modal – виджет отображает ссылку только для авторизации, нажав на которую предлагается два варианта: войти и зарегистрироваться;
  • divs-only – размещаются поля для ввода логина и пароля входа, а ниже ссылка для регистрации;
  • default – отображаются поля входа и ссылка, при нажатии которой открывается отдельное окно, чтобы зарегистрироваться.

Доступно меню настроек почты, переадресации и групп пользователей. Чтобы добавить саму шаблон авторизации на сайт, следует перейти в меню виджетов и выбрать соответствующий сайтбар Login With Ajax. Перед публикацией можно проверить все настройки и отредактировать при требовании. Как видно, сделать форму регистрации на WordPress можно в течение нескольких минут, она будет аккуратно отображена в виджете.

3 популярных плагина авторизации через социальные сети

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

Social Login

пдагин Social Login

Плагин предлагает комплекс простых методов по включению авторизации и регистрации при помощи социальных сетей. Доступно более 15 популярных ресурсов, включая:

Форму для входа можно разместить в виджете или используя шорткод. Приятная особенность – модуль полностью совместим с BuddyPress.

Super Socializer

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

WordPress Social Login

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

В итоге

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

Создаем собственную страницу регистрации/входа пользователя WordPress без плагина

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

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

Для этого вам понадобятся 2 ключевые функции WordPress:

1. wp_signon() — аутентифицирует пользователя с возможностью запоминания учетных данных.

2. wp_create_user() — добавляет нового пользователя в базу данных WordPress.

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

Рассмотрим пошаговую систему создания собственную страницу регистрации/входа пользователя WordPress без плагина.

Шаг 1. Создайте новую страницу-шаблон с именем login.php

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

Поскольку в любом шаблоне нам нужно использовать такую функцию, как get_header() для подключения всех нужных тегов в верхней части страницы, а также шапки сайта с меню и другими данными, то ее необходимо вызвать в верхней части шаблона. Однако при этом происходит отправка заголовков, которые мы будем переопределять в нашем коде при наличии ошибки в имени пользователя или пароле с помощью header(«Location: » . home_url() . «/login?error=true»);

Поэтому обработку данных формы будем проводить ДО вызова функции get_header() .

Шаблон страницы login.php
Template Name: Login
global $wpdb ;
//Проверяем все поля ввода перед запросом SQL
$username = $wpdb -> escape ( $_REQUEST [ ‘username’ ] ) ;
$password = $wpdb -> escape ( $_REQUEST [ ‘password’ ] ) ;
$remember = $wpdb -> escape ( $_REQUEST [ ‘rememberme’ ] ) ;
if ( $remember ) $remember = «true» ;
else $remember = «false» ;
$login_data = array ( ) ;
$login_data [ ‘user_login’ ] = $username ;
$login_data [ ‘user_password’ ] = $password ;
$login_data [ ‘remember’ ] = $remember ;
$user_verify = wp_signon ( $login_data , false ) ;
if ( is_wp_error ( $user_verify ) ) < //Передаем параметр error для использования его потом в скрипте header ( "Location: " . home_url ( ) . "/login?error=true" ) ; echo "» ;
get_header ( ) ;
< p id = "message" >Введите данные для входа на сайт < / p >
< form id = "login" name = "form" action = " /login/" method = "post" >
< p > < a href = " /lost-password/" > Забыли пароль < / a > < / p >
let message = document . getElementById ( ‘message’ ) ;
if ( location . search . indexOf ( ‘error’ ) > — 1 ) < message . innerHTML = 'Неверные учетные данные' ; get_footer ( ) ;

После того, как шаблон страницы login.php создан, нужно создать новую страницу, которая использует этот шаблон «Login», и назвать ее «Вход на сайт». Для нее важно задать ссылку login. Конечно, вы можете называть ее как хотите, но в этой статье жестко указаны ссылки на URL-адрес страницы: yourwebsite.com/login/.

Страница login

Поэтому вам необходимо убедиться, что постоянная ссылка вашей страницы соответствует этому условию или изменить URL-адреса в коде таким образом, чтобы они соответствовали URL-адресу вашей новой страницы «Вход на сайт».

Имеет смысл добавить эту страницу, как пункт основного или вспомогательного меню, если вы разрешили регистрацию на своем сайте. Но иначе зачем бы вам читать эту статью?

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

Неверные данные в форме входа

В шаблонах в этой статье использованы функции get_header() и get_footer() для подключения данных из header.php и footer.php, а также всех стилей и скриптов, которые загружаются в них для страниц сайта. Однако здесь нет ни функции get_sidebar(), ни какой-либо разметки, которая обычно существует в файлах шаблонов для основного блока страницы/поста.

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

Шаг 2 — Перенаправления

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

Как создать собственную форму входа в WordPress

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

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

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

Почему пользовательская форма входа в WordPress полезна для вашего сайта

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

Как создать собственную форму входа в WordPress

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

Вот лишь некоторые из преимуществ настройки формы входа в WordPress:

  1. Лучшая безопасность. Вы можете защитить свою страницу входа, перенаправив форму входа на уникальный URL-адрес, что усложняет хакерам поиск вашей страницы входа. Кроме того, вы можете установить ограничение на количество раз, когда человек может входить в систему, или даже добавить многофакторную аутентификацию.
  2. Последовательность брендинга. Расширение вашего фирменного стиля на форму входа позволяет вам поддерживать согласованность с остальной частью вашего сайта, поэтому ваши пользователи и члены команды будут иметь единый опыт. Кроме того, если вы добавите учетные записи социальных сетей в WordPress, вашим читателям или участникам станет еще проще войти в систему и поделиться вашим контентом.
  3. Расширенная навигация. Вы можете использовать форму входа в систему, чтобы предоставить конечным пользователям дополнительную навигацию. Вы можете ссылаться на профили в социальных сетях или даже отображать специальные предложения прямо на экране входа в систему.
  4. Улучшенный пользовательский интерфейс. Вы можете настроить форму входа в систему, чтобы конечные пользователи переходили на любую выбранную вами страницу, например, на страницу индивидуального профиля или специальную рекламу, или вы можете создавать собственные сообщения.

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

Полезные инструменты для создания пользовательской формы входа в WordPress

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

Регистрация пользователя ProfilePress, вход в систему и плагин для профиля пользователя WordPress

Как создать собственную форму входа в WordPress

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

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

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

ProfilePress также включает множество других интересных функций, включая: модерацию зарегистрированных пользователей, социальный вход через Facebook, Twitter, LinkedIn, Google, GitHub и VK.com, вход пользователя без пароля, интеграцию с BuddyPress, BbPress, MailChimp, CampaignMonitor, Polylang, Мультисайт и т.д.

Ключевая особенность:

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

Пользовательский настройщик страниц входа Бесплатный плагин для WordPress

Как создать собственную форму входа в WordPress

Если вы ищете быстрый и простой способ настроить форму входа в WordPress, то настройщик пользовательской страницы входа – отличный вариант. Он использует знакомый Live Customizer с простыми опциями для изменения вашего логотипа, фона, отступов, полей формы и кнопки. Кроме того, вы всегда можете добавить немного настраиваемого CSS для более сложных изменений.

Ключевая особенность:

  • Простые в использовании варианты дизайна
  • Знакомый интерфейс Customizer
  • Предварительный просмотр изменений по мере их внесения

Пользовательская страница входа администратора Бесплатный плагин для WordPress

Как создать собственную форму входа в WordPress

Плагин Customize WordPress Login Page позволяет легко персонализировать вашу форму входа, чтобы она выглядела правильно. Он предоставляет вам возможность изменять цвета, добавлять фоновое изображение и даже создавать фоновые слайд-шоу. В дополнение к функциям настройки, этот плагин адаптируется для мобильных сайтов и интегрирован с Google Fonts.

Ключевая особенность:

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

LoginPress Customizer Page Customizer Бесплатный плагин для WordPress

Как создать собственную форму входа в WordPress

Информация и Скачать

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

Ключевая особенность:

  • Позволяет добавлять собственные логотипы и фон в форму входа
  • Позволяет изменять цвета кнопок и других элементов
  • Предоставляет возможность создавать собственные сообщения об ошибках и приветственные сообщения

White Label Branding для плагина WordPress Premium WordPress

Как создать собственную форму входа в WordPress

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

Ключевая особенность:

  • Позволяет полностью настроить админку WordPress в зависимости от ролей пользователей.
  • Позволяет применить индивидуальные настройки к форме входа в систему и серверной части, включая логотипы, значки, заголовки и нижние колонтитулы.
  • Предлагает визуальный редактор CSS

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

Как создать собственную форму входа в WordPress

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

Ключевая особенность:

  • Предоставляет диспетчер стилей, который позволяет настраивать цвета, шрифты и области виджетов.
  • Предлагает настраиваемые формы входа в систему с редактируемыми верхними и нижними колонтитулами, кнопками и ссылками.
  • Позволяет добавить до двух областей виджетов на страницу входа
  • Бонус: этот плагин доступен как часть iTheme’s Plugin Suite, поэтому, если у вас уже есть пакет или вы заинтересованы в некоторых других замечательных плагинах iTheme, это может быть отличным вариантом.

Как настроить форму входа в WordPress

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

Шаг 1. Установите плагин формы входа

Как создать собственную форму входа в WordPress

Итак, для начала выберите плагин, затем установите и активируйте его. Если понравившийся плагин находится в репозитории WordPress.org, вы можете найти его прямо на панели инструментов WordPress в разделе «Плагины»> «Добавить новый », используя поле поиска. Например, мы выбрали настройщик пользовательской страницы входа.

Если ваш плагин взят со стороннего веб-сайта, вы все равно захотите перейти в «Плагины»> «Добавить новый», но затем нажмите кнопку «Загрузить плагин». Оттуда следуйте инструкциям на экране, чтобы загрузить zip-файл плагина и установить его.

Шаг 2. Найдите настройки формы входа

Как создать собственную форму входа в WordPress

Теперь, когда ваш плагин установлен и активен, вы должны попытаться найти страницу настроек плагина. Для настраиваемого настройщика страницы входа они находятся в разделе Внешний вид> Настройка входа в систему. Другие плагины можно найти в разделе «Инструменты», «Настройки» или даже в новой вкладке меню, добавленной в вашу панель управления WordPress.

Шаг 3. Начните настраивать форму входа в WordPress

Как создать собственную форму входа в WordPress

Как только вы нашли свои настройки, пора приступить к работе! Если у вас есть параметры на странице настроек, начните их изменять. Для используемого нами плагина Custom Login Page Customizer вам сначала нужно нажать кнопку «Начать настройку», которая откроет настройщик WordPress.

Как создать собственную форму входа в WordPress

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

Как создать собственную форму входа в WordPress

Просто пройдите через доступные параметры, чтобы создать свою собственную форму входа в WordPress.

Как создать собственную форму входа в WordPress

Да, и если вам нужно (или вы хотите) изменить что-то, что недоступно в качестве встроенной опции, вы всегда можете использовать немного настраиваемого CSS, чтобы внести свои изменения. Плагин Custom Login Page Customizer, который мы используем, включает собственную панель CSS, но есть раздел «Additional CSS» в настройщике WordPress по умолчанию, который вы тоже можете использовать. Быстрый поиск в Google обычно является самым простым способом выяснить, как написать пару строк CSS, но если вы не уверены, вы всегда можете увидеть, поможет ли разработчик плагина.

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

Заключение

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

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *