TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

Кнопка входа и выхода в меню сайта на WordPress

2 912

Если Вы нуждаетесь в кнопке входа и выхода на сайт, но у Вас не хватает знаний самостоятельно ковырять код WP, то из этой записи Вы узнаете как самостоятельно без особых знаний PHP сделать такую кнопку на своем сайте.

У моего хорошего знакомого возникла надобность прикрутить кнопку входа и выхода в меню сайта (на WordPress), причем главная задумка кнопки заключалась в отображении только кнопки «ВХОД» в случае если пользователь не авторизирован на сайте, если же пользователь залогинен, должна отображаться кнопка «ВЫХОД». Его решение по своей простоте мне пришлось весьма по душе. А теперь разберем что именно было сделано моим другом.

Для начала мы установим три плагина:

Login Logout MenuС помощью этого плагина вы можете добавить в меню кнопку входа и выхода из системы с учетом авто переключения, то есть когда вы еще не вошли на сайт отображается кнопка ВХОД, если же Вы уже авторизованы на сайте то будет отображаться кнопка ВЫХОД. Кроме отображения кнопки, вы можете установить страницу редиректа на которую вы хотите перенаправить пользователя после входа или выхода.

Кнопка входа и выхода в меню сайта на WordPress](http://www.mediadoma.com/wp-content/uploads/2016/09/Login-Logout-Menu-min.jpg)[Shortcodes in Menus](https://wordpress.org/plugins/shortcode-in-menus/) — Решает часто возникающую задачу, такую как добавить шорткод (shortcode) в меню WordPress.[Кнопка входа и выхода в меню сайта на WordPress

Redirection Плагин основная задача которого перенаправление (редирект) с одной страницы на другую.

Кнопка входа и выхода в меню сайта на WordPressBetter Font AwesomeПлагин подключающий шрифты Fontawesome в WordPress, который кроме подключения шрифтов еще добавляет такие плюшки как шорткоды и значок на шорткоды в редактор TinyMCE.

Добавляем меню:

После того как плагины были установлены, перейдем в меню, как видите в нем появился новый пункт «Login/Logout links v1.3.3»

Кнопка входа и выхода в меню сайта на WordPress

Давайте добавим нашу кнопку входа и выхода для сайта в меню, для этого отметим галкой пункт плагина «Войти|Выйти», и нажмем кнопку «Добавить меню».

Кнопка входа и выхода в меню сайта на WordPress

Новый пункт меню будет выглядеть вот таким образом:

Кнопка входа и выхода в меню сайта на WordPress

Работа с шорткодами и кодом:

Откройте новый пункт меню и согласно инструкции автора плагина «Login/Logout links» вставьте в поле URL данный текст:

#bawloginout#login.php|logout.php

Разберемся подробнее что именно мы вставили:

bawloginout# — составное значение плагина (дающее понять php что данный пункт меню будет обработан обработчиком плагина)

login.php – страница для авторизации пользователя

| — значение разделяющее два значения

logout.php – страница для деавторизации

То есть данной строкой мы указали плагину на какую страницу будет отправлен пользователь для авторизации и при выходе из сайта. Что бы было более понятно читайте FAQ автора полагина.

В поле «Текст ссылки» вставьте данный текст:

[login]|[logout]

Конструкцию с двумя шорт кодами нам помогает осуществить плагин «Shortcodes in Menus», каждый шорт код отвечает за вид кнопки в меню. Следовательно, [login] отвечает за вид кнопки «ВОЙТИ», [logout] за вид кнопки «ВЫЙТИ».

В итоге у нас должно получится кнопка меню с вот таким содержимым в админке:

Кнопка входа и выхода в меню сайта на WordPress

Теперь перейдем на сайт и посмотрим, что у нас получилось:

Кнопка входа и выхода в меню сайта на WordPress

Как видите кнопка выхода есть, но вид у нее далеко не самый лучший, а нам нужно что б кнопка была красивой с иконкой… Давайте это исправим.

Исправление отображения кнопок:

Перейдите в каталог плагина по FTP:

wp-content/plugins/baw-login-logout-menu/inc

откройте файл frontend-noajax.inc.php и замените:

Строка 73 / [login] shortcode /:

$content = $content != '' ? $content : __( 'Log In' );

На

Строка 108 / [logout] shortcode /:

$content = $content != '' ? $content : __( 'Logout' );

На

После того как мы исправили строки в файле обновляем страницу и видим вот такую кнопку для входа:

Кнопка входа и выхода в меню сайта на WordPressИ вот такую кнопку для выхода:

Кнопка входа и выхода в меню сайта на WordPress

На этом все, если же Вам необходимо реализовать при входе или выходе перенаправление не на стандартные страницы WordPress используйте плагин Redirection.

Кнопка входа и выхода в меню сайта на WordPressRedirection Плагин основная задача которого перенаправление (редирект) с одной страницы на другую.

Источник записи: https://mediadoma.com

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