Как сделать регистрацию на сайте wordpress плагин

Добавил пользователь Алексей Ф.
Обновлено: 05.10.2024

Я долго и упорно вводил в Яндекс и Google фразу “wordpress регистрация” и др., но ничего путного не нашел. Спрашивал совета в своем Твиттере, многие откликнулись, но все было не то. Честно, я потратил на поиски часа 2, наверное, и сразу решил: если что-то найду, то обязательно напишу пост на эту тему.

После долгого поиск я наконец-то додумался искать во всемирном Гугле на английском языке. Не помню, какой запрос я задал, но я наконец-то нашел бесплатный WordPress плагин регистрации пользователей! Это было именно то, что я искал! Спешу поделиться с Вами этой информацией :).

WordPress: регистрация пользователей

Для регистрации пользователей я использовал плагин WordPress Profile Builder. Плагин очень прост в применении, покажу Вам, как пользоваться им:

Настройка плагина регистрации пользователей WordPress Profile Builder

Давайте сначала уберем ненужные поля, которые не нужны нам при регистрации и авторизации. Для этого перейдем в настройки плагина, которые находятся в админке WordPress –> Пользователи –> Profile Builder. Там перейдите во вкладку “Default Profile Fields” (если это поле не видно, нажмите на “квадратик” в левом верхнем углу):
Там Вы можете включить/отключить поля для регистрации пользователей, а также их “обязательность”:

Помните! Чтобы увеличить количество регистраций, старайтесь сделать ее наиболее простой.

Перевод плагина WordPress Profile Builder

Итак, давайте теперь переведем необходимые поля. Чтобы перевести нужные поля, нужно зайти в папку /wp-content/plugins/profile-builder/front-end/. Например, чтобы перевести поля регистрации, нужно редактировать файл wppb.register.php. Переводим по тому же принципу, как и при переводе тем WordPress.

Заключение

Всего в плагине WordPress Profile Builder на сегодняшний день 4 шорткода:

[wppb-login] – форма авторизации.
[wppb-register] – форма регистрации.
[wppb-edit-profile] – Форма для редактирования инфомации аккаунта (только для авторизованных пользователей).
[wppb-recover-password] – форма восстановления пароля.

В будущем же, при необходимости, Вы можете приобрести Pro версию плагина, которая правда стоит немало – 40$. Но в ней Вы увидите:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Заключение

Когда дело доходит до вашего сайта 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. Следуйте за мной, когда мы закодируем функцию проверки:

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

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

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

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

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

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

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

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

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

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

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

Резюме

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

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

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

Частная коллекция качественных материалов для тех, кто делает сайты

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

Почему WordPress лучше чем Joomla ?

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

Про шаблоны WordPress

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

Самые первые настройки после установки движка WordPress

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

10 стратегий эффективного продвижения статей в блогах на WordPress

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

Топ WordPress альтернатив для создания персонального сайта

Нужен персональный сайт, но вы не хотите задействовать WordPress? Тогда данная подборка для вас.

В поисках профессионального рабочего окружения для WordPress

За время работы проекта мы не раз рассказывали о настройках рабочего окружения для движка WordPress. WAMP для Windows, MAMP для Mac или XAMPP для обеих операционных систем. Сегодня мы бы хотели поговорить о минусах перечисленных инструментов, а также пролить свет на новые решения.

Работа с WordPress CLI

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

Читайте также: