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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Создание плагина

С учетом всего выше сказанного, давайте приступим к составлению кода плагина. Во-первых, включаем заголовок плагина:

Далее мы создаем функцию PHP , которая содержит HTML -код формы регистрации:

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

Тройной оператор проверяет содержимое глобального массива $_POST , чтобы определить, содержит ли форма значения. Если да, то заполняет поля формы значениями, чтобы пользователю не нужно было повторно вводить данные.

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

Чтобы упростить валидацию, мы будем использовать класс WordPress WP_Error .

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

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

Я понимаю, что для авторского блога — это лишнее, но мало ли что да как). Может у вас есть постоянные авторы и им нужен отдельный вход.

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

Разрешение регистрации пользователя в WordPress

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

По умолчанию вы получаете 5 пользовательских ролей:

• подписчик
• автор
• редактор
• участник
• администратор

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

Как правило, подписчик — хороший выбор, потому что он не может создавать посты или действительно сталкиваться с какими-либо проблемами. Как только вы нажмете кнопку «Сохранить», ваш сайт будет готов для регистрации пользователей. Но для этого вам понадобится форма входа и регистрации.

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

Вариант 1. Используйте регистрационную форму WordPress

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

Недостатком этого метода является то, что виджет также включает ссылки на RSS и WordPress.org. Он также предоставит только ссылку для входа пользователя, чтобы войти, что приведет их к экрану входа WP по умолчанию, где они могут зарегистрироваться. Эта связь не совсем очевидна.

Затем они будут перенаправлены на страницу регистрации и входа пользователя WordPress по умолчанию, расположенную по адресу «yoursite.com/wp-admin». Они нажимают (снова) довольно скрытую ссылку «Регистрация» и могут зарегистрироваться.

Но поскольку все это довольно запутанно, вы хотите, чтобы ваши пользователи действительно находили форму, чтобы зарегистрироваться. Теперь URL-адрес регистрации WordPress — «https://yoursite.com/wp-login.php?action=register», и вы можете ссылаться на него в любое время. Это отправит их на форму регистрации по умолчанию, где они выбирают имя пользователя и вводят свой адрес электронной почты.

Когда они подтвердят свою электронную почту, учетной записи будут предоставлены разрешения по умолчанию, которые вы установили выше.

Вариант 2: Использовать плагин

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

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

После того, как он создаст страницы, вы технически готовы к работе. Пользователи могут сразу зарегистрироваться на «yoursite.com/register», но вы можете изменить этот URL-адрес на любой другой, который вам нравится.

Если форма по умолчанию не работает, у вас есть два варианта. Отредактируйте или создайте новую. Любой из них можно найти в разделе «Ultimate Member» вашей админ-панели.

Убедитесь, что у вас выделена «регистрационная форма» (1). Само создание формы — перетаскивание. Если вы использовали ранее конструктор страниц или новый редактор WordPress Gutenberg, вы найдете, что они очень похожи.

Количество полей, которые вы можете включить, также довольно велико. Нажав на » + » внутри «редактора» (3), вы можете добавить любое количество сведений о своих пользователях.

Наиболее важной частью всего этого, однако, является «Shortcode box» (Шорткоды)(2). Когда вы копируете и вставляете этот код в страницу или виджет, эта конкретная форма регистрации будет отображаться. Например, вы можете вставить его в пользовательский HTML-виджет в разделе «Внешний вид — Виджеты».

Когда это будет сохранено, вы увидите, что вся форма появится на боковой панели (или там, где выведен ваш виджет).

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

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

В дополнение к странице регистрации пользователя, вы можете выполнить те же самые шаги, чтобы создать страницу входа в систему. Вам просто нужно убедиться, что «Login Form» (Форма входа) выделена при ее создании.

Плагин «Ultimate Member» уже создал для него URL-адрес по умолчанию как «yoursite.com/login». Если вы перейдете с формой по умолчанию, у вас больше нет работы. Однако, если вы создаете новую, вам просто нужно вставить новый шорткод на эту страницу.

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

Самое приятное в этой конкретной форме — то, что кнопка регистрации видна и не скрыта, как кнопка WordPress по умолчанию.

Управление новыми пользователями

По умолчанию WordPress имеет минимальную систему управления пользователями для администраторов. Вы переходите на экран «Редактировать пользователя» из списка «Пользователи» на панели администратора, и вы можете многое изменить для пользователей. Такие как их имена, логин пользователя, отображаемое имя, электронную почту и даже их роль. Но с точки зрения разрешений для этих ролей, вам по умолчанию не повезло. Плагин, такой как Ultimate Member, помогает в этом, расширяя то, что вы можете делать, не углубляясь в код WordPress.

Кроме того, вы можете создать каталог участников, где вы можете управлять пользователями и отображать всех, кто зарегистрировался для вашего сайта или службы. Его можно найти в разделе «Ultimate Member — Member Directories».

В зависимости от причины, по которой вы разрешаете регистрацию, вы можете хотеть или можете не хотеть это общество. Однако все начинается с того, что UM создает страницу yoursite.com/members с шорткодом каталога. Вы можете удалить или отменить публикацию страницы. Если вы используете каталог, он будет выглядеть так по умолчанию.

Другие вещи для рассмотрения

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

Создать пользовательский URL для входа

Во-первых, вы можете создать собственный URL для входа в систему без использования плагина, такого как Ultimate Member. Это отличается тем, что если вы сделаете это таким образом, вы полностью избавитесь от слага /wp-admin, который защищает ваш сайт от атак методом перебора пароля и многого другого. Использование единой системы обмена сообщениями для создания /register и /login невероятно полезно, но также работает способ /wp-admin. Если вы измените его полностью, ваш сайт может быть защищен лучше.

Настройте страницу входа в WordPress по умолчанию

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

Заключение

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

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

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

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

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

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

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

Это особенно полезно на веб-сайте со многими авторами, например Tuts +.

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

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

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

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

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

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

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

Премиум опция

В этом учебном руководстве вы научитесь создавать плагин с нуля, но если вы ищете быстрое решение с поддержкой plug-and-play, попробуйте плагин WordPress Registration Form на Envato Market. Вы можете установить широкий диапазон полей регистрации с контролем валидации. Как только регистрация будет завершена, электронное письмо будет отправлено новому участнику с его регистрационными данными. Шаблоны электронной почты могут быть изменены для регистрации, смены пароля и т. д.

WordPress Registration Form плагин на Envato Market

Другой вариант — разместить заказ на Envato Studio. Вы можете выбрать подходящего человека из широкого круга WordPress plugin developers. Затем вы отправляете заявку и разрешаете разработчику создавать ваш плагин в согласованные сроки.

Например, Alisaleem252 разработает настроенный плагин WordPress, который будет совместим с последней версией WordPress и другими плагинами в репозитории WordPress в соответствии с вашими требованиями.

• пользовательский виджет, если он нужен
• пользовательский шорткод, если он нужен
• пользовательский тип сообщения, если он нужен
• надёжное обслуживание

Полный сервис стоит всего 300 долларов, а ваш плагин будет готов через 10 дней. Alisaleem252 имеет рейтинг одобрения 98% от предыдущих клиентов. Так почему бы не попробовать его популярную Custom WordPress Plugin Development!

Создание плагина

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

Затем мы создаём функцию PHP, которая содержит код HTML регистрационной формы.

Обратили внимание, что поле регистрации передаётся в качестве переменной в функцию выше? В коде функции вы увидите примеры следующего кода, например:

( isset( $_POST[‘lname’] ) ? $last_name : null )

Тройной оператор проверяет содержимое глобального массива $ _POST , чтобы увидеть, содержит ли форма значение. Если содержит значение, он заполняет поля формы значением, чтобы спасти пользователя от повторного ввода поля.

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

Чтобы облегчить проверку, мы будем использовать класс WordPress WP_Error. Следуйте за мной, когда мы закодируем функцию проверки:

1. Создайте функцию и передайте поле регистрации в качестве аргумента функции.
2. Создайте экземпляр класса WP_Error и сделайте глобальную переменную экземпляра, чтобы она могла быть доступна за пределами области действия функции.
3. Помните: мы сказали, что имя пользователя, пароль и адрес email являются обязательными и не должны быть опущены. Чтобы обеспечить соблюдение этого правила, нам нужно проверить, не пусто ли одно из полей. Если пусто, мы добавляем сообщение об ошибке в глобальный класс WP_Error .
4. Мы также проверяем, чтобы число символов имени пользователя не было меньше 4.
5. Проверьте, зарегистрировано ли имя пользователя.
6. Используйте службы WordPress validate_username, чтобы убедиться, что имя пользователя действительно.
7. Убедитесь, что пароль, введенный пользователями, не менее 5 символов.
8. Проверьте, является ли электронное письмо действительным.
9. Проверьте, зарегистрирован ли адрес электронной почты.
10. Если поле веб-сайта заполнено, проверьте, действительно ли оно.
11. Наконец, мы перебираем ошибки в нашем экземпляре WP_Error и отображаем отдельную ошибку.
    Мы закончили кодирование функции проверки.

Далее идёт функция complete_registration () плагина, которая обрабатывает регистрацию пользователя.
Регистрация пользователя фактически выполняется функцией wp_insert_user , которая принимает массив пользовательских данных.

В функции complete_registration () , приведённой выше, мы сделали экземпляр $ reg_errors WP_Error и поля формы глобальными, чтобы мы могли обращаться к переменной в глобальной области.

Затем мы проверяем, содержит ли экземпляр обработки $ reg_errors ошибки. Если ошибка не обнаружена, мы переходим к заполнению массива $ userdata и вводу данных регистрации пользователя в базу данных WordPress и отображении сообщения Registration Complete со ссылкой на страницу входа.

Далее идет функция super custom_registration_function () , которая помещает все функции, которые мы создали выше, в работу.

Позвольте мне объяснить, что за код в функции custom_registration_function () .

Сначала мы определяем, была ли предоставлена форма, проверяя, установлен ли $ _POST [‘submit’] . Если форма была отправлена, мы вызываем функцию registration_validation для проверки отправленной пользователем формы.

Затем мы зачищаем данные формы и устанавливаем данные sanitize в переменную, названную после поля формы. Наконец, мы вызываем complete_registration для регистрации пользователя.

Нам нужно вызвать функцию registration_form , чтобы отобразить регистрационную форму.

Помните, я упомянул, что мы будем предоставлять поддержку шорткода для плагина регистрации? Ниже приведён код поддержки.

На этом мы закончили кодирование плагина. Ниже представлено изображение, показывающее, как выглядит регистрационная форма.

Обратите внимание, что у вас может не получиться точно такой же внешний вид на вашем сайте WordPress в результате различия стилей CSS.

Использование плагина

Чтобы реализовать плагин в сообщении или на странице WordPress, используйте шорткод [cr_custom_registration] .

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

Резюме

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

Если у вас есть вопросы и предложения, дайте мне знать в комментариях!

Помните, что если вы изо всех сил пытались следовать этому руководству, а хотите простое решение, попробуйте плагин WordPress Registration Form на Envato Market.

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

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

Прежде чем устанавливать и настраивать плагины, удостоверьтесь, что в разделе «Настройки» — «Общие» в строчке «Членство» стоит галочка «Любой может зарегистрироваться», если эту опцию не включить, то в форме не будет отображаться ссылка на страницу с регистрацией.

Обзор будет небольшим, так как самих настроек не так уж и много.

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

Login With Ajax – форма регистрации в модальном окне

Форма в виджете имеет следующий вид:

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

Скачать Login With Ajax можно из админки. Про установку я уже писал в этой статье: http://needsite.net/kak-ustanovit-plagin-na-wordpress-sajt/

После установки сразу же заходим в раздел виджетов и добавляем туда виджет регистрации пользователя.

Указываем заголовки (title).

Profile link – ссылка на профиль.

Recovery Password – ссылка на восстановление пароля.

Ajax registration – ссылка на регистрация.

С шаблоном поэкспериментируете сами. Там можно настроить вывод формы входа при нажатии на кнопку «Войти». В стандартном же виде поля не будут видны.

При нажатии на регистрацию будет всплывать модальное окно:

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

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

Theme My Login — создаем форму регистрации

Theme My Login – так же неплохой плагин регистрации пользователей.

Форма в виджете:

При нажатии на регистрацию или на восстановление пароля, будет открываться новая страничка:

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

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