Добавляем форму логина в любое место вашей темы WordPress

Вы используете WordPress в качестве CMS или сайта определенного сообщества? Если так, то полезной идеей окажется отображение формы входа (логина) на сайт в сайбдаре блога или на какой-то определенной странице. Ниже простой код для реализации.

Ничего сложного в принципе. Просто вставьте код в то место, где вы хотите вывести вашу форму логина. (Например, в сайдбаре блога или в шаблон страницы).ate)

<<?php if (!(current_user_can('level_0'))){ ?>
<h2>Login</h2>
<form action="<?php echo get_option('home'); ?>/wp-login.php" method="post">
<input type="text" name="log" id="log" value="<?php echo wp_specialchars(stripslashes($user_login), 1) ?>" size="20" />
<input type="password" name="pwd" id="pwd" size="20" />
<input type="submit" name="submit" value="Отправить" class="button" />
    <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-login.php?action=lostpassword">Восстановить пароль</a>
<?php } else { ?>
<h2>Выйти</h2>
<a href="<?php echo wp_logout_url(urlencode($_SERVER['REQUEST_URI'])); ?>">выход</a><br />
<a href="http://site.ru/wp-admin/">admin</a>
<?php }?>

Если обернуть этот код в DIV,

<div class="loginform">   
.........                
</div>

а после в своей таблице стилей (style.css) добавить код, то можно стилизировать форму под дизайн своего сайта. (Ниже код с одного из наших проектов, вероятнее всего вам придется изменить его под свой дизайн).

#loginform label {
    display: inline-block;
    color: #FFFFFF;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: normal;
    font-family: Helvetica, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
}

#loginform input {
    display: inline !important;
    background: #FFF;
    padding: 5px;
    margin: 15px 15px;
    border: 1px solid #DDD;
    outline: 0;
    font: normal 12px/100%;
    color: #666;
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}

#loginform input[type="text"],
#loginform input[type="password"] { width: 15%; }

#loginform input[type="checkbox"],
#loginform input[type="radio"] {
 /*   display: inline-block;*/
    position: relative;
    top: 2px;
}

#loginform form input[type="submit"] {
    margin: 25px 0 !important;
    padding: 0 18px;
    font-size: 13px;
    font-weight: bold;
    line-height: 30px;
    font-family: Helvetica, sans-serif;
    color: #555 !important;
    text-shadow: 1px 0 1px rgba(255,255,255,0.8) !important;
    background-color: #F6F6F6 !important;
}

#loginform form p,
form div {
    margin-top: 15px;
    margin-bottom: 0;
}*

После сохранения кода в соответствующих файлов ваша тема отобразит форму входа. Безусловно, теперь легко и быстро можно залогиниться!