Как сделать регистрацию и авторизацию на сайте wordpress через виджет —

15 плагинов для улучшения страницы авторизации в wordpress | wordpress в квадрате

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

Если вы заботитесь о своем сайта, то вам нужно уделить особое внимание этой странице, потому что, с нее начинается более глубокая работа с сайтом и управление им. А именно, сделать ее более безопасной, защищённой от взлома, при этом обеспечить возможность легкой регистрации клиентов (если это нужно) и многое другое.

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

Контактная форма от WPForms — генератор динамических форм для WordPress

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

WPForms — это 100%-вое мобильное решение для резинового дизайна, поэтому все ваши формы всегда будут отлично смотреться на всех устройствах (мобильных, планшетах, ноутбуках и настольных компьютерах).

Плагин Social Login

Social Login — бесплатный комплексный WordPress плагин, который предлагает простое решение входа и регистрации на сайт через социальные сети. Для него доступна авторизация через такие ведущие сайты, как Facebook, Twitter, Google, LinkedIn, PayPal, LiveJournal, Instagram, Yahoo, ВК и многие другие.

Плагин Theme My Login

Вы хотите разрешить пользователям регистрироваться на вашем WordPress сайте, но не хотите, чтобы они попадали в область администрирования? Theme My Login — это популярный плагин, который позволяет создавать пользовательские страницы входа в WordPress. С ним вы сможете использовать любую страницу на своем сайте в качестве страницы входа или регистрации.

Плагин Temporary Login Without Password

Хотите предоставить доступ разработчику вашего WordPress сайта только на некоторое время? Temporary Login Without Password поможет вам это сделать. Плагин временно пускает в админку для работы с сайтом, не создавая при этом учетную запись. С ним вы легко сможете установить дату истечения срока доступа, или указать время для входа в систему и когда его нужно закрыть.

Тема Login LockDown

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

Плагин Nextend Social Login and Register (Facebook, Google, Twitter)

Хотите сделать авторизацию через Facebook на своем WordPress? Плагин Nextend Facebook Connect позволяет легко и быстро это реализовать на своем сайте. Данная возможность позволяет вашим пользователям быстрее входить в систему, без постоянного ввода логина и пароля.

Плагин Custom Login Page Customizer

Страница входа в WordPress по умолчанию выглядит довольно просто. Но вы можете изменить её различными способами, как с использованием дополнительных плагинов, так и собственноручного редактирования кода стилей. Плагин Custom Login Page Customizer позволяет вам создать свой собственный стиль страницы входа в систему, используя страницу настройки темы.

Плагин WP Security Question

Плагин WP Security Questions позволяет добавлять вопросы безопасности на вашу форму входа в WordPress. С этим плагином пользователи должны будут вписывать не только свой логин и пароль, но и выбрать секретный вопрос, ответив правильно на него. Это добавляет вам определенный уровень безопасности в область администрирования WordPress.

Плагин No Login by Email Address

По умолчанию WordPress позволяет вводить свое имя пользователя или адрес электронной почты для входа на сайт. Но некоторые пользователи вписывали при регистрации свой адрес электронной почты, который является общеизвестным. А это, в свою очередь, может облегчить кому-то попасть на вашу страницу, уже зная логин. Плагин No Login by Email Address позволяет отключить возможность авторизации по адресу электронной почты, а оставить только по имени пользователя.

Плагин Переименовать wp-login.php

Rename wp-login.php — очень легкий плагин, который позволяет легко и безопасно изменить адрес авторизации с wp-login.php на что угодно. Он не буквально переименовывает и не изменяет файлы в ядре. Он просто перехватывает запросы страниц и работает на любом сайте WordPress. Каталог wp-admin и страница wp-login.php становятся недоступными, поэтому вы должны добавить в закладки или запомнить URL, который вы придумаете сами. Деактивация этого плагина возвращает ваш сайт точно в то состояние, в котором он был раньше.

Плагин Simple History

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

Плагин Password Protected

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

Плагин WP Last Login

Хотите узнавать, когда ваши пользователи входили в систему? Это поможет вам узнавать их активность, и принять какие-то действия по отношению к ним. Например, вы сможете отправить им электронное письмо с напоминанием о себе, или удалить их учетную запись, если клиент давно не проявлял никакую активность. WP Last Login позволит вам быстро увидеть дату последнего входа каждого пользователя на странице «Пользователи».

Плагин Peter’s Login Redirect

Хотите перенаправить пользователей на разные страницы после входа? Плагин Peter’s Login Redirect позволит вам легко перенаправлять пользователей после входа на выбранную вами страницу. В настройкам можно будет задать разные страницы для разных ролей пользователей, а так же задать страницу после новой регистрации.

Плагин Maintenance

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

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

Complete_registration()

Далее нам нужна функция плагина complete_registration(), которая отвечает за обработку регистрации пользователей.

Create different registration form types without any coding skills

  • Employee Registration
  • Event Registration
  • JobSeeker Registration
  • Appointment Form
  • Document Application Form
  • Social Registration
  • Student Registration
  • WooCommerce Registration
  • Multi-Step Registration
  • Course Registration

Custom_registration_function()

На очереди у нас отличная функция custom_registration_function(), которая активирует все созданные нами функции.

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

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

Для добавления регистрационной формы в определенном месте сайта в используемой вами теме, добавьте следующий тег шаблона:

Готовый файл плагина можно получить по ссылке в начале поста.

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

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

Ссылка для входа и выхода

Функция “wp_loginout” выводит ссылку для “входа” для неавторизованных пользователей и “выхода” для авторизованных. У функции есть всего два аргумента:

Ссылка для регистрации, входа и выхода

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

Для получения адреса страницы с формой авторизации используйте функцию “wp_login_url”. Эта функция распечатает ссылку для входа. Если пользователь кликнет на неё, то он попадёт на форму авторизации “/wp-login.php” :

wp_login_url( $redirect, $force_reauth );

У функции есть два параметра:

НазваниеТипОписание
$redirectстрокаАдрес страницы, куда надо отправить пользователя после выхода. По умолчанию: “” (та же самая страница)
$force_reauthлогическийНужно ли сделать принудительную переавторизацию, даже если куки авторизации уже установлены). По умолчанию: false (не нужно)

Пример использования:

Шаг 1. разметка формы регистрации wordpress

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

Обратите внимание, что гиперссылка href (#register-form) в кнопке регистрации имеет тот же ID, что и форма ниже. Также мы пользуемся классом “.show” для вызова FancyBox с помощью jQuery.

Нам нужна основа; давайте создадим разметку. Откройте header.php и куда угодно поместите следующий фрагмент.

Заметьте, что я пользуюсь display:none, чтобы вначале скрыть форму.

Шаг 2. css

CSS довольно прост; я всего лишь быстро моделирую форму в PhotoShop’.

Форма за исключением дизайна выглядит следующим образом: (обратите внимание, для проверки стилей я переместил display:none в разметке)

Далее начнем отделывать свой блок.

Теперь я, применив немного фантазии, назначаю стили текстовым input-ам.

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

Наконец, мы добавляем немного общих стилей.

Воля! Вот наша форма. Теперь давайте при помощи jQuery продвигать функциональность.

Шаг 3. jquery

Сначала нужно включить jQuery в WordPress. Чтобы сделать это, мы должны поместить следующую порцию кода перед тэгом

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

Шорткод

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

// Register a new shortcode: [cr_custom_registration]
add_shortcode( 'cr_custom_registration', 'custom_registration_shortcode' );
 
// The callback function that will replace [book]
function custom_registration_shortcode() {
    ob_start();
    custom_registration_function();
    return ob_get_clean();
}

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

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

Вывод формы для авторизации/регистрации

Функция “wp_login_form” выводит форму для авторизации и регистрации. У функции есть только один аргумент, в который необходимо передавать массив с параметрами:

wp_login_form( $args );

Рассмотрим ключи и значения массива “$args”:

Приведём пример использования этой функции:

Похожее:  15 плагинов для улучшения страницы авторизации в WordPress | Wordpress в квадрате

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *