Главная > Веб мастерская > WordPress > WordPress форма входа. Как изменить форму входа WordPress.

WordPress форма входа. Как изменить форму входа WordPress.

Привет, друзья!!! Когда-то и я задавался вопросом как изменить форму входа WordPress. Для себя ответ нашел, хочу поделиться с вами. Итак, сегодня я коротко опишу плагины, которые улучшат внешний вид и функциональность формы входа, а также опишу несколько способов без использования плагинов.

форма входа вордпресс

Плагин Login-box позволяет пройти авторизацию во всплывающей форме на любой странице, не покидая ее. Регистрация и вход становятся более удобными.


Плагин SimpleModal Login — позволяет пройти авторизацию во всплывающей форме на любой странице, без перезагрузки. После авторизации посетитель остается на той же странице. Три варианта оформления формы.


Плагин Login With Ajax позволяет вставить в  сайдбаре форму ввода логина и пароля, которая меняется на ссылки профиля без перезагрузки страницы.


Без плагинов вывод простой формы можно реализовать с помощью данного кода помещенного в sidebar.php:

<?php if(!is_user_logged_in()) { ?>

<form action="<?php echo wp_login_url(get_permalink()); ?>" method="post">

<label for="log">Имя пользователя<br/><input type="text" name="log" id="log" value="<?php echo wp_specialchars(stripslashes($user_login), 1) ?>" size="22" /></label><br />

<label for="pwd">Пароль<br/><input type="password" name="pwd" id="pwd" size="22" /></label><br />

<label for="rememberme"><input name="rememberme" id="rememberme" type="checkbox" checked="checked" value="forever" /> Запомнить меня</label><br />

<input type="submit" name="submit" value=" Вход " />

</form>

<?php } ?>

 


Плагин Loginza позволяет авторизоваться с помощью OpenID. Плагин позволяет авторизоваться, используя не только OpenID, но и учетные записи социальных сервисов, таких как Рамблер, Mail.ru, Яндекс, Google, Flickr.


Плагин Third Party Accounts Login аналогичен предыдущему, но расширенным списком социальных сервисов.


Плагин BM Custom Login  позволяет изменить раскраску страницы входа по своему усмотрению.


Плагин Custom Login, аналогичен предыдущему и позволяет настроить внешний вид всех элементов формы авторизации.


Теперь о формах входа без плагинов, пример одного способа я привел выше, дальше будут варианты его модификаций:

<?php if (!(current_user_can('level_0'))){ ?>

<h3>Вход</h3>

<form action="<?php echo get_option('home'); ?>/wp-login.php" method="post">

<p><label for="log">Имя</label><input type="text" name="log" id="log" value="<?php echo wp_specialchars(stripslashes($user_login), 1) ?>" size="20" /> </p>

<p><label for="pwd">Пароль</label><input type="password" name="pwd" id="pwd" size="20" /></p>

<p><input type="submit" name="submit" value="Войти" /></p>

<p>

<label for="rememberme"><input name="rememberme" id="rememberme" type="checkbox" checked="checked" value="forever" /> Запомнить меня</label>

<input type="hidden" name="redirect_to" value="<?php echo $_SERVER['REQUEST_URI']; ?>" />

</p>

</form>

<a href="<?php echo get_option('home'); ?>/wp-register.php">Регистрация</a>

<a href="<?php echo get_option('home'); ?>/wp-login.php?action=lostpassword">Восстановить пароль</a>

<?php } else { ?>

<ul>

<li><a href="<?php echo get_option('home'); ?>/wp-admin/">Консоль</a></li>

<li><a href="<?php echo get_option('home'); ?>/wp-admin/post-new.php">Написать новый пост</a></li>

<li><a href="<?php echo get_option('home'); ?>/wp-admin/page-new.php">Создать страницу</a></li>

<li><a href="<?php echo get_option('home'); ?>/wp-login.php?action=logout&redirect_to=<?php echo urlencode($_SERVER['REQUEST_URI']) ?>">Выйти</a></li>

</ul>

<?php }?>

 

<?php if (!(current_user_can('level_0'))){ ?>

<h3>Вход</h3>

<form action="<?php echo get_option('home'); ?>/wp-login.php" method="post">

<p><label for="log">Имя</label><input type="text" name="log" id="log" value="<?php echo wp_specialchars(stripslashes($user_login), 1) ?>" size="20" /> </p>

<p><label for="pwd">Пароль</label><input type="password" name="pwd" id="pwd" size="20" /></p>

<p><input type="submit" name="submit" value="Войти" /></p>

<p>

<label for="rememberme"><input name="rememberme" id="rememberme" type="checkbox" checked="checked" value="forever" /> Запомнить меня</label>

<input type="hidden" name="redirect_to" value="<?php echo $_SERVER['REQUEST_URI']; ?>" />

</p>

</form>

<a href="<?php echo get_option('home'); ?>/wp-register.php">Регистрация</a>

<a href="<?php echo get_option('home'); ?>/wp-login.php?action=lostpassword">Восстановить пароль</a>

<?php } else { ?>

<ul>

<li><a href="<?php echo get_option('home'); ?>/wp-admin/">Консоль</a></li>

<li><a href="<?php echo get_option('home'); ?>/wp-admin/post-new.php">Написать новый пост</a></li>

<li><a href="<?php echo get_option('home'); ?>/wp-admin/page-new.php">Создать страницу</a></li>

<li><a href="<?php echo get_option('home'); ?>/wp-login.php?action=logout&redirect_to=<?php echo urlencode($_SERVER['REQUEST_URI']) ?>">Выйти</a></li>

</ul>

<?php }?>

Ссылки на плагины не ставил — думаю, что это лишнее, т.к. все они прекрасно находятся через стандартную форму поиска на странице установки плагинов.


Выбор остается за Вами. Удачи в экспериментах!

NEW!!! Полезное, нужное, важное:

Где заработать в интернете деньги? Надёжно, честно, без обмана!
Платежные системы, кошельки и обменники для работы

Лучшие хостинги, сервера и прочее для сайтов

Смотрите также

Использование DISQUS для комментирования на WordPress

DISQUS обладает широким диапазоном преимуществ, среди которых улучшенная защита от спама и облегчение пользовательской задачи комментирования путем входа посредством одного универсального логина...

Комментарий

  1. There is clearly a bundle to realize about this. I suppose you made some good points in features also. dceebddceafaeebc

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

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