Как сделать личный кабинет в wordpress
Обновлено: 02.07.2024
Существует множество различных способов создания собственной страницы входа и регистрации в WordPress. Однако многие из этих методов чрезмерно продуманы или настолько стилизованы или сложны, что не особо хочется с ними разбираться.
В этой статье вы найдете простые и самые основные инструменты, необходимые для создания собственной (пользовательской) страницы входа в WordPress и страницы регистрации.
Для этого вам понадобятся 2 ключевые функции WordPress:
1. wp_signon() - аутентифицирует пользователя с возможностью запоминания учетных данных.
2. wp_create_user() - добавляет нового пользователя в базу данных WordPress.
Примечание: эта статья не содержит информации о стилизации страницы входа. Скорей всего, у вас уже есть стиль или дизайн или вы находитесь в процессе его создания.
Рассмотрим пошаговую систему создания собственную страницу регистрации/входа пользователя WordPress без плагина.
Прибамбасы для сайта
Установить данный плагин вы сможете прямо из админ-панели wordpress. Перейдите на страницу: Плагины — Добавить новый , введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.
Далее, после установки и активации плагина, слева в меню админ-панели у вас появится новая вкладка WP-RECALL. Перейдите по данной вкладки.
Вы попадёте на главную страницу плагина, откуда сможете настроить основные настройки.
Расширенные настройки, можете включить расширенные настройки, чтобы более детально настроить плагин.
Общие настройки.
— Оформление, основной цвет и расположение вкладок.
— RECALLBAR, верхняя панель от плагина WP-Recall через которую плагин и его дополнения выводят свои данные, а администратор может вывести свое меню, сформировав его на странице управления меню сайта.
Настройки рейтинга.
— Вы сможете настроить рейтинг для публикации и рейтинг для комментарий.
Настройки профиля и аккаунта.
— Можете разрешить или запретить пользователям удалять свой аккаунт.
— Можно установить максимальный размер загружаемого аватара.
Настройки публикации.
— Здесь можно настроить общие настройки.
— Настройки категорий.
— Настройка формы публикации.
— Настройка публикации записей.
— Настройка произвольных полей.
— Пересылка файлов и уведомления на почту.
Настройки вкладок.
— Вы сможете сортировать вкладки и изменить их надписи.(сохраните настройки)
Дополнения
Здесь вы можете активировать, деактивировать или удалять дополнения плагина. Можно загружать свои дополнения в ZIP формате.
Шаблоны
Здесь вы можете выбрать шаблон для личного кабинета пользователя. Просто нажмите на вкладку — Подключить и всё готово ! Ниже я покажу как вывести на сайт личный кабинет пользователя.
Репозиторий дополнений
Здесь отображаются множество дополнений (более 50) к плагину. Чтобы подробней узнать о дополнении нажмите на кнопку — Перейти .
Документация
Подробная документация к плагину WP-Resall. Вам в помощь !
Произвольные вкладки
Здесь вы можете создавать произвольные вкладки для личного кабинета пользователя.
Поля профиля
Здесь можно выбрать какие поля будут отображаться на странице профиля. Также можно добавлять новые поля. Можно настроить поле, указать имя и тип поля. Можно указать страницу для вывода пользователей.
Форма публикации
Здесь вы можете добавить дополнительные поля к форме публикации. Если вы хотите вывести форму публикации на отдельной странице, то можете воспользоваться специальным шорткодом. Шорткод указан вверху страницы в описании.
Как вывести личный кабинет пользователя на сайт
Создайте страницу на своём сайте, на которой будет отображаться личный кабинет пользователя. Далее, перейдите на страницу настроек WP-Resall. Включите расширенные настройки, поставив галочку в верхней вкладке слева. В настройках личного кабинета будет указан шорткод, который нужно вставить на страницу для личного кабинета. Выберите страницу размещения шорткода и сохраните настройки.
Далее, после того как вы создадите страницу и скопируете шорткод, вставьте шорткод на страницу, обновите страницу.
Далее, перейдите на сайт, на странице будет отображаться форма входа в личный кабинет или выхода из кабинета. Нажмите на кнопку — В личный кабинет .
Далее, у вас откроется ваш личный кабинет пользователя. Здесь отображаются все основные функции, которыми вы можете воспользоваться.
Виджеты и Сайдбар WP-Resall
На странице Внешний вид — Виджеты , у вас появятся три новых виджета и два сайдбара с пометкой RCL. Два сайдбара для отображения виджетов над и под личным кабинетом. Три виджета — Новые пользователи, Панель управления, Пользователи в сети.
Многие из нас не задумываются о системе входа на собственный сайт. И возможно в этом и нет необходимости. Но если вы занимаетесь разработкой сайтов для других, или же пользователи регистрируются на вашем сайте с той или иной целью, то регистрационной форме для входа на сайт стоит уделить немного больше внимания.
Мы собрали для вас 15 плагинов для решения любой из этих проблем.
1. Custom Login
С помощью этого плагина можно настроить внешний вид страницы входа на сайт, а не только саму форму входа. Добавляйте фоновые изображения, логотипы, меняйте цвета, прочее.
2. Uber Login Logo
3. Login-Logout
Этот плагин заменяет стандартный мета-виджет на виджет входа/выхода. С его помощью также можно выбрать, на какую страницу попадет пользователь после входа на сайт или выхода из системы.
4. Sidebar Widget Login
5. Tabbed Login
Этот плагин также содержит виджет в сайдбаре и табы для формы входа на сайт. Один из них отвечает за вход на сайт, второй таб – за регистрацию, а последний позволяет войти в почту, если вы забыли свой пароль.
6. Social Login
Плагин позволяет посетителям вашего сайта регистрироваться или оставлять комментарии через свои аккаунты в социальных сетях. Их перечень достаточно широкий, поэтому вероятность того, что кто-либо из этих пользователей зарегистрируется на вашем сайте, все же есть.
7. Login LockDown
Плагин Login LockDown отслеживает IP адреса пользователей (или ботов), которым не удалось корректно выполнить вход на ваш сайт. И после нескольких неудачных попыток он ограничивает возможность входа на сайт с этих адресов на некоторое время.
8. WP Sliding Login
Этот плагин обеспечивает наличие панели с формой для регистрации, которая опускается сверху вниз на вашем сайте при нажатии на таб.
9. Peter’s Login Redirect
10. Rename wp-login.php
С помощью этого плагина можно переименовать файл wp-login.php. Это важно, потому что спам-боты ищут его, в то время как люди, соответственно, переходят на сайт по ссылкам. Именно этот плагин поможет защитить ваш сайт от спама.
11. Login Security Solution
Этот плагин обеспечит безопасность вашего сайта. Он отслеживает IP адреса, имена пользователей и пароли, а также обнаруживает неудавшиеся попытки входа на сайт и сравнивает вводимые данные с прошлыми неудачными попытками входа на сайт. Также он обеспечивает создание сложного и надежного пароля, который пользователи могут ввести через некоторое время.
12. Login Dongle
С помощью этого плагина можно добавить секретное кодовое слово при регистрации.
13. Simple Login Log
Этот плагин помогает отследить логины всех пользователей, имена пользователей, время их регистрации на сайте, IP адреса и какой браузер они используют.
14. Admin Bar Login
15. Login Widget With Shortcode
Скорее всего, вы приложили немало усилий, чтобы создать свой сайт 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, соответствующую вашему сайту, но, возможно, мы пропустили ваш любимый. Есть ли другие плагины для пользовательских форм входа, которые, по вашему мнению, стоит попробовать? Сообщите нам о них в комментариях ниже!
Читайте также: