Чт. Дек 5th, 2024

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

Вариант 1 — самый простой. Поставить виджет Meta

Это самый простой вариант — подходит, если Вы используете одну из стандартных тем word press.

Форма входа добавляется в виджет

Вариант 2. Установка плагина Theme My Login

Если у Вас собственная (кастомная) тема или нужна страница регистрации и входа с собственным дизайном. Тогда действуем по следующей схеме:

  1. Для добавления формы входа и регистрации на сайт WordPress устанавливаем и активируем плагин Theme My Login
  2. В настройках копируем адреса ссылок на вход-выход-регистрацию

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, подписывайтесь — Вас ждет еще много полезных решений!

от admin

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

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