Login form для wordpress

Как сделать форму регистрации на WordPress

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

ProfilePress

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

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

Основные возможности бесплатного пакета:

• множество шаблонов входа на сайт и сброса пароля;
• возможность предварительного просмотра;
• перенаправления со стандартных форм;
• установка многошаговой регистрации;
• установщик шаблонов оформления для плагина с официального сайта.

Функционал платного пакета:

• возможность редактирования профиля;
• быстрое создание виджетов;
• личные аватары;
• вход при помощи социальных сетей;
• автоматическая авторизация после первого ввода пароля;
• сообщения на почту пользователей;
• настройка виджетов.

Для полноценной работы, требуется установка дополнительного расширения Shortcake Shortcode UI. Оно упростит добавление шорткодов в панели управления. После активации плагинов, убедитесь, что стандартные настройки разрешают регистрацию новых пользователей (должна быт установлена галочка «Любой может зарегистрироваться»). При использовании платного пакета, необходимо скопировать лицензию в консоли плагина.

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

Можно установить приветственное сообщение и параметры его появления. Также задаются сообщения, отправляемые пользователям по почте при действиях с учетной записью.

Постройка форм

Выбрав необходимую вкладку в меню настроек плагина, открывается рабочая панель, позволяющая приступить к созданию формы для входа и других страниц. Для каждой предложено по 5 стилей оформления. Благодаря предварительному просмотру видно, как будет выглядеть форма регистрации на WordPress. Для редактирования шаблона следует нажать на Edit. Возле кнопки загрузки медиафайлов находится запуск ProfilePress Shortcodes – окно, которое показывает все элементы, доступные для добавления. Таким образом, редактирование функций и полей осуществляется очень просто.

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

Profile Builder

Как сделать форму регистрации на WordPress за 5 минут? Воспользоваться плагином Profile Builder. Он предоставляет все необходимые функции по установке форм авторизации, без каких-либо излишеств. Достаточно изучить инструкцию по использованию расширения. Первое – скачиваем, устанавливаем и активируем модуль. После этого переходим к созданию новой страницы сайта с названием «Регистрация». На ней размещается шорткод соответствующего шаблона из плагина Profile Builder.

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

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

Login With Ajax

Система не предоставляет возможности персонализировать авторизацию посетителей сайта стандартными методами, а плагин Login With Ajax поможет сделать форму регистрации на WordPress, работающую независимо от системной страницы входа.

Сразу перейдем к возможностям расширения:

• интуитивно понятный интерфейс и настройки;
• установка переадресации;
• управление переадресацией для каждой группы пользователей;
• редактирование сообщения, отправляемого после ввода всех данных;
• использование AJAX;

Установка проходит, как обычно – через стандартный загрузчик плагинов. Тема устанавливается и активируется. В общих настройках консоли WordPress снимаем запрет на добавление новых пользователей, как в предыдущих случаях.

В меню параметров необходимо выбрать шаблон, который будет отображаться по умолчанию, на выбор 3 варианта:

• modal – виджет отображает ссылку только для авторизации, нажав на которую предлагается два варианта: войти и зарегистрироваться;
• divs-only – размещаются поля для ввода логина и пароля входа, а ниже ссылка для регистрации;
• default – отображаются поля входа и ссылка, при нажатии которой открывается отдельное окно, чтобы зарегистрироваться.

Доступно меню настроек почты, переадресации и групп пользователей. Чтобы добавить саму шаблон авторизации на сайт, следует перейти в меню виджетов и выбрать соответствующий сайтбар Login With Ajax. Перед публикацией можно проверить все настройки и отредактировать при требовании. Как видно, сделать форму регистрации на WordPress можно в течение нескольких минут, она будет аккуратно отображена в виджете.

3 популярных плагина авторизации через социальные сети

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

Social Login

Плагин предлагает комплекс простых методов по включению авторизации и регистрации при помощи социальных сетей. Доступно более 15 популярных ресурсов, включая:

Форму для входа можно разместить в виджете или используя шорткод. Приятная особенность – модуль полностью совместим с BuddyPress.

Super Socializer

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

WordPress Social Login

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

В итоге

Чтобы сделать форму регистрации на WordPress можно пойти двумя популярными путями: использовать один из конструкторов, либо упростить авторизацию при помощи социальных сетей. Хотя, многие сайтостроители выбирают третий метод – создание собственной формы или модернизация стандартной. Этот способ требует продвинутых знаний в HTML и PHP. Все предоставленные плагины имеют необходимые технические составляющие для создания качественного шаблона регистрации.

Источник

Login form для wordpress

The Login Form is your gateway to using and configuring the WordPress publishing platform. It controls access to the Administration Screens, allowing only registered users to login.

Contents

How to Login

If you installed WordPress in your website’s root directory, your login page is:
http://example.com/wp-login.php

If you installed WordPress in its own subdirectory, e.g., /directory, your login page is:
http://example.com/directory/wp-login.php

If you have a problem logging in, try the Login Trouble suggestions.

The Login Form

At the top of login page is the WordPress logo and link, followed by the login form, with:

• Input fields for «Username» and «Password.»
• A «Remember Me» checkbox. If checked your browser keeps you logged in for 14 days. (If unchecked you’re logged out when you quit the browser, or after two days.)
• The «Log In» button for submitting the form data.

Below the form are two links: One is for registered users who’ve forgotten their password. The other goes to the front page of your WordPress site.

This one login form can do three things:

1. Log into a site (by filling in a valid Username and Password).
2. Email a password to a registered user (by clicking the Lost your password? (link: wp-login.php?action=lostpassword).
3. Register new users (who’ve arrived at this form by clicking a Register (link: wp-login.php?action=register).

Customizing the WordPress Login

Much of WordPress login page can be easily changed with WordPress Plugins (search for «login»). It can also be changed by manually adding code to the WordPress Theme’s functions.php file.

Change the Login Logo

To change the WordPress logo to your own, you will need to change the CSS styles associated with this heading:

WordPress uses CSS to display a background image — the WordPress logo — in the link ( ) inside the heading tag (

The size of your logo should be no bigger than 80 x 80 pixels (though even this can change with custom CSS). Adjust the above padding-bottom value to the spacing you want between your logo and the login form.

Читайте также:  Емиас пишет ошибка сети что значит это

To change the link values so the logo links to your WordPress site, use the following WordPress hooks example; edit it and paste it below the previous in the functions.php:

Styling Your Login

You can style every HTML element on the WordPress login page with CSS. To add styles to the of your login page, use a function like the above my_login_logo. Styles declared within the head element of a page are called an "embedded style sheet" and take precedence over styles in linked external style sheets.

If you have a lot of login page styles, you may want to make your own custom login style sheet. This code, added to your functions.php file, would load a CSS file named style-login.css, stored with your active Theme files:

WordPress links two of its own external style sheets to the login page: wp-admin/css/colors.css and wp-admin/css/wp-admin.css (since Version 3.8, previous versions used wp-admin/css/color/color-fresh.css, wp-admin/css/login.css). You can override the WordPress default styles by making your style declaration more "specific" -- when two styles apply to the same element, CSS gives precedence to the more specific selector.

Here's some helpful, highly specifc CSS selectors for the login page:

WordPress uses the CSS style sheet wp-admin.css to insert the logo and to hide the heading text with text-indent:-9999px;:

Using a more specific selector in your custom style sheet overrides the above background-image value, inserting your logo instead:

The default login page style in colors.css sets the text color of the links below the form:

To override that, increase the specificity and include !important:

Login Hooks

The image to the right shows where several of the hooks can add content.

The above hooks run when using the form to login. Others are meant for registration, password retrieval, and WordPress Plugins.

The WordPress file wp-login.php generates the HTML, containing the location and sequence of all the login page hooks.

Make a Custom Login Page

So far you've seen how to customize WordPress' built-in login page. You can also create your own custom login Page by using the wp_login_form function in one of your WordPress Theme's Page Templates:

The function has several parameters to change the default settings. For instance, you can specify: the ID names of the form and its elements (for CSS styling), whether to print the "Remember Me" checkbox, and the URL a user is redirected to after a successful login (default is to stay on the same Page):

If the user is already logged in, the form does not print; instead they see two links: Log Out | Site Admin .

This login form has the filters: login_form_top, login_form_middle, and login_form_bottom. Each can print text in the form, as shown in the image on the right.

Источник