Статьи

Как создать собственную форму входа в 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, соответствующую вашему сайту, но, возможно, мы пропустили ваш любимый. Есть ли другие плагины для пользовательских форм входа, которые, по вашему мнению, стоит попробовать? Сообщите нам о них в комментариях ниже!

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Кнопка «Наверх»

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: