Приветствую Вас на сайте http://wp.infohub.su
В данном уроке пойдет речь о том как добавить форму авторизации на сайт.Все мы путешествуя по глобальным просторам интернета привыкли видеть возможность регистрации на сайте, ну а где есть регистрация там есть и форма авторизации.
Все наверное уже устанавливали стандартный виджет авторизации wordpress под названием Мета, лично мне не понравилась форма авторизации которая доступна по умолчанию, и я решил поискать достойную замену, проведя несколько дней в поисках я нашел отличную замену виджету авторизации на сайте для wordpress. И теперь я готов поделиться с Вами мои дорогие читатели моими наработками и наблюдениями в данной области.
Задача которая стоит перед нами: На движке wordpress добавить форму авторизации,похожую как на рисунке.
А вот как выглядит стандартная панель для входа в wordpress:
При нажатии на кнопку “Войти” нас перебрасывает на внутреннюю страницу авторизации:
Стандартный подход меня не очень устраивает, так что приступаем к работе,и давайте начнем добавлять форму авторизации на сайте для 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’]
Регистрация | Восстановить пароль |
[/sourcecode]
В Вашем файле sidebar.php место вставки кода может может быть немного другим,но смысл от этого не меняется.
Надеюсь вопросов в данном уроке возникнуть не должно,ну а все же есть какие то вопросы,то задавайте их в комментариях.