Чтобы добавить форму входа и регистрации на сайт WordPress профессионально можно использовать следующие варианты.
Содержание
Вариант 1 — самый простой. Поставить виджет Meta
Это самый простой вариант — подходит, если Вы используете одну из стандартных тем word press.
Форма входа добавляется в виджет
Вариант 2. Установка плагина Theme My Login
Если у Вас собственная (кастомная) тема или нужна страница регистрации и входа с собственным дизайном. Тогда действуем по следующей схеме:
- Для добавления формы входа и регистрации на сайт WordPress устанавливаем и активируем плагин Theme My Login
- В настройках копируем адреса ссылок на вход-выход-регистрацию
3. В нужном месте шаблона вставляем ссылки на вход и регистрацию (можно поставить просто ссылки или использовать php).
Я вставляю в нужное место — шаблон header.php следующий код:
<div class="login">
<a href="<?php echo wp_login_url(); ?>" title="Войти">Войти</a><a href="<?php wp_loginout( $redirect, $echo ); ?>" title="Выйти">Выйти</a>
</div>
<div class="register">
<a href="<?php echo wp_registration_url(); ?>">Регистрация</a>
</div>
На сайте появятся следующие ссылки:
4. Теперь для каждой ссылки надо сделать шаблон:
для страницы регистрации создаем шаблон в файле темы:
registr.php. Код примерно такой
<?php get_header(); ?>
<?php
/*Template Name: registr*/
?>
<div class="container">
<div class="row">
<?php the_content() ?>
</div>
</div>
<?php
get_footer();
?>Для страницы входа: login.php. Вставляем туда код такого рода:
<?php get_header(); ?><?php
/*Template Name: Login*/
?>
<div class=»container»>
<div class=»row»>
<?php the_content() ?>
</div>
</div>
<?php
get_footer();
?>
Получится что-то такое:
Нужные элементы добавляем по своему вкусу, как вариант, выводим это в popup окне (но об этом не сейчас)
Для выхода:
logout.php
<?php get_header(); ?>
<?php
/*Template Name: logout*/
?>
<div class="container">
<div class="row">
<?php the_content() ?>
</div>
</div>
<?php
get_footer();
?>5. Можно проверить, что при нажатии на кнопки «Войти», «Выйти», «Регистрация» выводятся страницы с нужными полями.
Но это еще не все! Нужно настроить шаблоны для страниц «Забыли пароль» и «Задать пароль»
Что делаем? Правильно! Создаем шаблоны lostpassword.php и resetpass.php
lostpassword.php:
<?php get_header(); ?>
<?php
/*Template Name: lostpassword*/
?>
<div class="container">
<div class="row">
<?php the_content() ?>
</div>
</div>
<?php
get_footer();
?>
resetpass.php
<?php get_header(); ?>
<?php
/*Template Name: resetpass*/
?>
<div class="container">
<div class="row">
<?php the_content() ?>
</div>
</div>
<?php
get_footer();
?>6. Теперь проверяем работу форм — регистрируемся, входим-выходим, теряем пароль и т.д.
Надеюсь, у Вас все получилось! Желаю Вам только успешной работы с Word Press, подписывайтесь — Вас ждет еще много полезных решений!