Основные возможности бесплатного пакета:
- множество шаблонов входа на сайт и сброса пароля;
- возможность предварительного просмотра;
- перенаправления со стандартных форм;
- установка многошаговой регистрации;
- установщик шаблонов оформления для плагина с официального сайта.
Для начала мы установим три плагина:
Login Logout Menu — С помощью этого плагина вы можете добавить в меню кнопку входа и выхода из системы с учетом авто переключения, то есть когда вы еще не вошли на сайт отображается кнопка ВХОД, если же Вы уже авторизованы на сайте то будет отображаться кнопка ВЫХОД.
. Modal Login
Демо | Страница авторизации — это страница с формой ввода личных данных для авторизации в администраторскую часть сайта. Которая по умолчанию очень простая и выглядит одинаково на всех сайтах данного движка.Если вы заботитесь о своем сайта, то вам нужно уделить особое внимание этой странице, потому что, с нее начинается более глубокая работа с сайтом и управление им. А именно, сделать ее более безопасной, защищённой от взлома, при этом обеспечить возможность легкой регистрации клиентов (если это нужно) и многое другое.И в этой статье я подобрал для вас некоторые плагинов улучшения данной страницы и кастомизации ее под свои нужды.WPForms — один из лучших плагинов для создания форм в WordPress и, в том числе, регистрационных. Плагин позволяет вам создавать свои собственные пользовательские регистрационные формы в несколько щелчков мыши. После создания вы сможете добавлять эти формы в любом месте вашего веб-сайта.WPForms — это 100%-вое мобильное решение для резинового дизайна, поэтому все ваши формы всегда будут отлично смотреться на всех устройствах (мобильных, планшетах, ноутбуках и настольных компьютерах).Social Login — бесплатный комплексный WordPress плагин, который предлагает простое решение входа и регистрации на сайт через социальные сети. Для него доступна авторизация через такие ведущие сайты, как Facebook, Twitter, Google, LinkedIn, PayPal, LiveJournal, Instagram, Yahoo, ВК и многие другие.Вы хотите разрешить пользователям регистрироваться на вашем WordPress сайте, но не хотите, чтобы они попадали в область администрирования? Theme My Login — это популярный плагин, который позволяет создавать пользовательские страницы входа в WordPress. С ним вы сможете использовать любую страницу на своем сайте в качестве страницы входа или регистрации.Хотите предоставить доступ разработчику вашего WordPress сайта только на некоторое время? Temporary Login Without Password поможет вам это сделать. Плагин временно пускает в админку для работы с сайтом, не создавая при этом учетную запись. С ним вы легко сможете установить дату истечения срока доступа, или указать время для входа в систему и когда его нужно закрыть.По умолчанию WordPress не блокирует пользователей, если они несколько раз пытаются ввести неправильные данные для авторизации. А это позволяет хакерам узнать ваш пароль с помощью автоматических скриптов перебора паролей. Login Lockdown позволит вам ограничить количество неудачных попыток входа в систему. После чего он блокирует экран входа для этого пользователя в течение некоторого времени.Хотите сделать авторизацию через Facebook на своем WordPress? Плагин Nextend Facebook Connect позволяет легко и быстро это реализовать на своем сайте. Данная возможность позволяет вашим пользователям быстрее входить в систему, без постоянного ввода логина и пароля.Страница входа в WordPress по умолчанию выглядит довольно просто. Но вы можете изменить её различными способами, как с использованием дополнительных плагинов, так и собственноручного редактирования кода стилей. Плагин Custom Login Page Customizer позволяет вам создать свой собственный стиль страницы входа в систему, используя страницу настройки темы.Плагин WP Security Questions позволяет добавлять вопросы безопасности на вашу форму входа в WordPress. С этим плагином пользователи должны будут вписывать не только свой логин и пароль, но и выбрать секретный вопрос, ответив правильно на него. Это добавляет вам определенный уровень безопасности в область администрирования WordPress.По умолчанию WordPress позволяет вводить свое имя пользователя или адрес электронной почты для входа на сайт. Но некоторые пользователи вписывали при регистрации свой адрес электронной почты, который является общеизвестным. А это, в свою очередь, может облегчить кому-то попасть на вашу страницу, уже зная логин. Плагин No Login by Email Address позволяет отключить возможность авторизации по адресу электронной почты, а оставить только по имени пользователя.Rename wp-login.php — очень легкий плагин, который позволяет легко и безопасно изменить адрес авторизации с wp-login.php на что угодно. Он не буквально переименовывает и не изменяет файлы в ядре. Он просто перехватывает запросы страниц и работает на любом сайте WordPress. Каталог wp-admin и страница wp-login.php становятся недоступными, поэтому вы должны добавить в закладки или запомнить URL, который вы придумаете сами. Деактивация этого плагина возвращает ваш сайт точно в то состояние, в котором он был раньше.Вы хотите видеть, что делают авторизированные пользователи на вашем сайте WordPress? Плагин Simple History позволит вам легко отслеживать активность пользователей на вашем сайте, включая их частоту входа и их действия во время сеанса.Вам нужно сделать ваш WordPress сайт закрытым и с доступом только по паролю? Плагин Password Protected позволит вам легко защитить ваш сайт от сторонних посещений. Для этого не нужно проводить регистрацию пользователей, просто ограничиваете сайт для просмотра по паролю и раздаете его своим будущим посетителям (например, с помощью электронной рассылки).Хотите узнавать, когда ваши пользователи входили в систему? Это поможет вам узнавать их активность, и принять какие-то действия по отношению к ним. Например, вы сможете отправить им электронное письмо с напоминанием о себе, или удалить их учетную запись, если клиент давно не проявлял никакую активность. WP Last Login позволит вам быстро увидеть дату последнего входа каждого пользователя на странице «Пользователи».Хотите перенаправить пользователей на разные страницы после входа? Плагин Peter’s Login Redirect позволит вам легко перенаправлять пользователей после входа на выбранную вами страницу. В настройкам можно будет задать разные страницы для разных ролей пользователей, а так же задать страницу после новой регистрации.Данный плагин создан не улучшить страницу входа на ваш сайт, а закрыть его полностью на время обслуживания. Это очень полезно для ограничения сайта от посетителей, до официального релиза. Плагин Maintenance очень легко настраивается и хорошо выглядит на всех устройствах благодаря гибкой компоновке. На страницу вывода вы сможете добавить свой логотип, фоновое изображение, текст и выбрать желаемый цвет, чтобы сохранить фирменный стиль.Я надеюсь, что эта статья помогла вам подобрать для себя полезные плагины для улучшения формы авторизации на WordPress сайте.
3 популярных плагина авторизации через социальные сети
Несколько лет назад, авторизация пользователей при помощи социальных сетей стала появляться практически у каждого сайта. Нет необходимости вводить множество данных и подтверждать почту, достаточно связать аккаунт социальной сети с ресурсом.
7. 5sec Google Authenticator
Демо | function my_login_logo() { ?>
Измените URL-адрес, на который ссылается логотип: function my_login_logo_url() {
return home_url();
}
add_filter( ‘login_headerurl’, ‘my_login_logo_url’ );
function my_login_logo_url_title() {
return ‘Your Site Name and Info’;
}
add_filter( ‘login_headertitle’, ‘my_login_logo_url_title’ );Также существуют различные хуки, которые можно использовать для добавления настраиваемого содержимого, сообщений и меток на страницу входа. Вы можете ознакомиться с этой статьей Кодекса для получения более подробной информации .
Исправление отображения кнопок:
Перейдите в каталог плагина по FTP: wp-content/plugins/baw-login-logout-menu/inc откройте файл frontend-noajax.inc.php и замените: Строка 73 / [login] shortcode /: Строка 108 / [logout] shortcode /: После того как мы исправили строки в файле обновляем страницу и видим вот такую кнопку для входа: И вот такую кнопку для выхода:На этом все, если же Вам необходимо реализовать при входе или выходе перенаправление не на стандартные страницы WordPress используйте плагин Redirection. Redirection — Плагин основная задача которого перенаправление (редирект) с одной страницы на другую.
Постройка форм
Выбрав необходимую вкладку в меню настроек плагина, открывается рабочая панель, позволяющая приступить к созданию формы для входа и других страниц. Для каждой предложено по 5 стилей оформления. Благодаря предварительному просмотру видно, как будет выглядеть форма регистрации на WordPress.Для редактирования шаблона следует нажать на Edit. Возле кнопки загрузки медиафайлов находится запуск ProfilePress Shortcodes – окно, которое показывает все элементы, доступные для добавления. Таким образом, редактирование функций и полей осуществляется очень просто.Важно! При покупке платной версии придется заплатить 49 долларов. Всего доступно 3 тарифа, в зависимости от количества используемых сайтов с конструктором форм. Чтобы убедиться, что данное расширение подходит вам, протестируйте бесплатный пакет, предоставляющий все необходимые возможности.
Пять методов создания пользовательской страницы входа в WordPress
Вот пять методов, которые мы рассмотрим: Настройка собственной страницы входа с помощью бесплатного плагинаИспользование Elementor для создания настраиваемой страницы входа с визуальным интерфейсом перетаскиванияИспользование специального плагина регистрации WordPressИспользование обычного плагина форм WordPressДобавление собственных фрагментов кода
Работа с шорткодами и кодом:
Откройте новый пункт меню и согласно инструкции автора плагина «Login/Logout links» вставьте в поле URL данный текст: #bawloginout#login.php|logout.php Разберемся подробнее что именно мы вставили: login.php – страница для авторизации пользователя | — значение разделяющее два значения logout.php – страница для деавторизации То есть данной строкой мы указали плагину на какую страницу будет отправлен пользователь для авторизации и при выходе из сайта. Что бы было более понятно читайте FAQ автора полагина. В поле «Текст ссылки» вставьте данный текст: [login]|[logout] Конструкцию с двумя шорт кодами нам помогает осуществить плагин «Shortcodes in Menus», каждый шорт код отвечает за вид кнопки в меню. Следовательно, [login] отвечает за вид кнопки «ВОЙТИ», [logout] за вид кнопки «ВЫЙТИ».В итоге у нас должно получится кнопка меню с вот таким содержимым в админке: Теперь перейдем на сайт и посмотрим, что у нас получилось: Как видите кнопка выхода есть, но вид у нее далеко не самый лучший, а нам нужно что б кнопка была красивой с иконкой… Давайте это исправим.
Создания настраиваемой страницы входа в WordPress
Ищете решение для создания настраиваемой страницы входа в WordPress? Если вы разрешите людям регистрироваться на вашем сайте, настройка страницы входа позволит вам улучшить брендинг вашего сайта и сделать его более удобным для пользователей. Вы сможете добавить свой собственный логотип, изменить URL-адрес, настроить цвета, добавить больше контента, предложить вход в социальные сети и многое другое.В этом руководстве для начинающих мы расскажем о пяти различных методах, которые вы можете использовать для создания настраиваемой страницы входа в WordPress. Вы можете выбрать метод, который лучше всего подходит для ваших нужд, бюджета и уровня квалификации.
Способ 1: С помощью подключаемого модуля боковой панели
Первое, что вам нужно сделать, это установить и активировать подключаемый модуль боковой панели.После активации перейдите на страницу Внешний вид –» Виджеты в области администрирования WordPress. Просто перетащите виджет Входа (Sidebar Login) в область виджетов боковой панели. Он автоматически добавит форму входа в боковую панель сайта. Если вы хотите настроить параметры формы входа в систему, вы можете соответствующим образом отредактировать настройки виджета. Можно добавить заголовок, пользовательские ссылки, включить восстановление утерянного пароля и зарегистрировать ссылки, отобразить «Запомнить меня» и многое другое. После того как вы установите эти настройки, не забудьте нажать кнопку «Сохранить». После этого вы можете посетить свой веб-сайт, чтобы увидеть пользовательскую форму входа в действии.
Сразу перейдем к возможностям расширения:
интуитивно понятный интерфейс и настройки;установка переадресации;управление переадресацией для каждой группы пользователей;редактирование сообщения, отправляемого после ввода всех данных;использование AJAX;Установка проходит, как обычно – через стандартный загрузчик плагинов. Тема устанавливается и активируется. В общих настройках консоли WordPress снимаем запрет на добавление новых пользователей, как в предыдущих случаях.
Функционал платного пакета:
возможность редактирования профиля;быстрое создание виджетов;личные аватары;вход при помощи социальных сетей;автоматическая авторизация после первого ввода пароля;сообщения на почту пользователей;настройка виджетов.Для полноценной работы, требуется установка дополнительного расширения Shortcake Shortcode UI. Оно упростит добавление шорткодов в панели управления. После активации плагинов, убедитесь, что стандартные настройки разрешают регистрацию новых пользователей (должна быт установлена галочка «Любой может зарегистрироваться»). При использовании платного пакета, необходимо скопировать лицензию в консоли плагина.Заметьте, что после установки модуля появятся новые страницы: регистрация, сброс пароля и вход. Для них предусмотрены специальные шорткоды, благодаря которым можно разместить формы в требуемом месте. В пункте Redirection можно выполнить настройку для перенаправления пользователей со страницы входа.Можно установить приветственное сообщение и параметры его появления. Также задаются сообщения, отправляемые пользователям по почте при действиях с учетной записью.
Хороший виджет входа
Добавляйте, создавайте и управляйте виджетом регистрации-входа в любом месте вашего сайта.
Вывод
Если вы разрешаете другим пользователям регистрироваться на своем сайте, создание настраиваемой страницы входа поможет улучшить брендинг вашего сайта и упростить процесс входа в систему. В этом посте мы поделились пятью различными методами, которые вы можете использовать для настройки страницы входа. Для простых настроек вы можете сохранить родную страницу входа в WordPress и просто обновить ее своим собственным брендом, используя бесплатный плагин, такой как LoginPress. Или, для более гибкого и удобного решения, вы можете использовать Elementor и Ultimate Addons для Elementor . Они помогут вам создать полностью настраиваемую страницу с помощью визуального интерфейса Elementor с функцией перетаскивания и перетаскивания, с возможностью входа в социальные сети, настраиваемых перенаправлений и многого другого.В зависимости от ваших потребностей и уровня навыков существуют и другие решения, например, использование вашего собственного кода.
В итоге
Чтобы сделать форму регистрации на WordPress можно пойти двумя популярными путями: использовать один из конструкторов, либо упростить авторизацию при помощи социальных сетей. Хотя, многие сайтостроители выбирают третий метод – создание собственной формы или модернизация стандартной.