Não gostei do registro e login de usuários apenas através da página seusite/wp-admin do WordPress nem muito menos do Meta que vem nele por padrão. Isso é ruim para sites de eventos que acaba ficando feio. Procurando nos plugins, achei alguns que seria possível inserir como widget, mas dependendo do site ficou desformatado e meio feio, então busquei inserir eu mesmo na minha página inicial.
Instalei e ativei o plugin Ajax Login, peguei o código de login e inseri no cabeçalho das minhas páginas. Para quem não sabe como alterar os códigos, basta no painel e procurar por Appearance -> Editor e escolher o arquivo cabeçalho. Eu inseri o código antes de tudo, logo após o body.
O código é esse aqui:
<!– INICIO DO LOGIN –>
<?php if ( is_user_logged_in() ) { ?>
<div style=”position:absolute; right:0;” id=”al_logado”>
<h3>
<?php global $current_user;
get_currentuserinfo();
echo $current_user->user_firstname .” “. $current_user->user_lastname . “\n”;
?>
</h3>
<hr/>
<div>
<a href=”http://seusite/wp-admin”>Painel</a> |
<a href=”http://seusite/wp-login.php?action=logout&redirect_to=/”>Sair</a>
</div>
</div>
<?php } else { ?>
<div style=”position:absolute; right:0;” id=”al_login”>
<h3>Login</h3>
<hr/>
<div><label>
<span id=”alw_loginMessage”></span>
<span id=”alw_loading_login” style=”display:none; height:22px; width:22px; vertical-align:bottom”>
<img src=”<?php bloginfo(‘wpurl’); ?>/wp-content/plugins/ajax-login-widget/alw_loading.gif” alt=”Loading”/>
Logando …
</span>
</label>
<form name=”al_loginForm” onsubmit=”return false;” id=”al_loginForm” action=”#” method=”post”>
<label>Usuário: <input onkeypress=”return al_loginOnEnter(event);” type=”text” name=”log” value=”" size=”20″ tabindex=”7″ id=”user_login” />
Senha: <input onkeypress=”return al_loginOnEnter(event);” type=”password” name=”pwd” value=”" size=”20″ tabindex=”8″ id=”"user_pass />
<input type=”button” name=”submit” value=”Login” tabindex=”10″ onclick=”al_login();”/>
</label>
<span id=”al_loginMessage”></span>
<div align=”right”>
<a href=”http://seusite/wp-login.php?action=register”>Inscreva-se no Evento</a> | <a href=”http://seusite/wp-login.php?action=lostpassword”>Perdeu a senha?</a>
<label><input type=”checkbox” name=”rememberme” value=”forever” tabindex=”9″ /> Lembrar usuário</label><br />
</div>
</form>
</div>
</div>
<?php } ?>
<!– FIM DO LOGIN –>
Na folha de estilos (style.css) eu defini s margens para as divs. Deixei assim:
#al_login{
margin: 5px;
}
#al_logado{
margin: 20px;
}
Os resultados são esses (clique na imagem para ver melhor):
