Шаг №31.Добавляем форму авторизации на сайт в сайдбар.
Опубликовано: 24.08.2018
Приветствую Вас на сайте http://wpcreate.ru
В данном уроке пойдет речь о том как добавить форму авторизации на сайт.Все мы путешествуя по глобальным просторам интернета привыкли видеть возможность регистрации на сайте, ну а где есть регистрация там есть и форма авторизации.
Все наверное уже устанавливали стандартный виджет авторизации wordpress под названием Мета, лично мне не понравилась форма авторизации которая доступна по умолчанию, и я решил поискать достойную замену, проведя несколько дней в поисках я нашел отличную замену виджету авторизации на сайте для wordpress. И теперь я готов поделиться с Вами мои дорогие читатели моими наработками и наблюдениями в данной области.
Ералаш №272 Двадцать первый век
Задача которая стоит перед нами: На движке wordpress добавить форму авторизации,похожую как на рисунке.
А вот как выглядит стандартная панель для входа в wordpress:
Мама и face (Андрей Борисов GAN_13_ | Лилия Абрамова Tatarkafm)
При нажатии на кнопку “Войти” нас перебрасывает на внутреннюю страницу авторизации:
Стандартный подход меня не очень устраивает, так что приступаем к работе,и давайте начнем добавлять форму авторизации на сайте для wordpress.
Первое что необходимо сделать,так это установить дополнительный плагин (можно обойтись и без установки плагина,тогда придется редактировать файлы шаблона, а в частности файл sidebar.php) в общем тут нужно определиться,кому что проще.
Кому то проще установить дополнительный,плагин который позволяет в виджеты и статьи добавлять код php и выполнять его.
А кому то проще напрямую код добавить в шаблон.
Рассмотрим два случая.
Добавления формы авторизации в виджет wordpress.
Для того что бы установить форму авторизации на сайт необходимо установить дополнительный плагин под названием Exec-PHP.
Я надеюсь Вы еще не забыли как устанавливать плагины на wordpress.
Ну а если забыли,то вкратце напомню.
Идем в админку сайта->Плагины->Добавить новый
Вводим название плагина и нажимаем на кнопку “Поиск плагинов”
Ну а дальше нужно найти в списке нужный плагин и нажать кнопку установить.
После установки нужно зайти в настройки плагина,и поставить одну единственную галочку,которая собственно и активирует работу плагина по назначению.
Все подготовительный этап совместными силами,мы преодолели,теперь нужно перейти в виджеты, и добавить новый виджет на сайт.И в него вставить данный код:
< div class = "login_form_widget" > <!--?php if (!(current_user_can('level_0'))){ ?--> < table > < tbody > < tr > < td >< form action = "<?php echo get_option('home'); ?> /wp-login.php" method="post"> < input id = "log" type = "text" name = "log" size = "25" value = "<?php echo wp_specialchars(stripslashes($user_login), 1) ?> " /> < / form >< / td > < td >< input id = "pwd" type = "password" name = "pwd" size = "25" value = "Пароль" / >< / td > < / tr > < tr > < td >< input id = "rememberme" type = "checkbox" checked = "checked" name = "rememberme" value = "forever" / > Запомнить < / td > < td >< input class = "button" id = "search-submit" type = "submit" name = "submit" value = "OK" / >< / td > < / tr > < tr > < td >< a href = "<?php echo get_option('home'); ?> /wp-register.php">Регистрация < / a>< / td > < td >< a href = "<?php echo get_option('home'); ?> /wp-login.php?action=lostpassword">Восстановить пароль < / a>< / td > < / tr > < / tbody > < / table > < ul > < li class = "cat-item" >< a href = "<?php echo get_option('home'); ?> /wp-admin/">В админку < / a>< / li > < li class = "cat-item" >< a href = "<?php echo get_option('home'); ?> /wp-admin/post-new.php">Новая статья < / a>< / li > < li class = "cat-item" >< a href = "<?php echo get_option('home'); ?> /wp-admin/page-new.php">Новая страница < / a>< / li > < li class = "cat-item" >< a href = "<?php echo get_option('home'); ?> /wp-login.php?action=logout &redirect_to=<?php echo urlencode($_SERVER['REQUEST_URI']) ?>">Выход</a></li> </ul> </div> |
После чего можно сохранить виджет,и проверить это все дело как выглядит на сайте.
Добавления формы авторизации в виджет wordpress в файл sidebar.php
Открываем файл sidebar.php и находим нужное место для вставки формы авторизации на сайте.
В моем случае код необходимо разместить сразу же после [sourcecode language=’html’][/sourcecode]во 2 строке.
В нужное место необходимо вставить немного измененный код:
[sourcecode language=’html’]