MUIOMUIO.NET

Wordpress - Menu de login na sidebar

Há um tempo atrás escrevi um artigo sobre como criar um botão para a área de administração do WordPress de forma a facilitar o acesso á área de administração do blog.

Hoje vou ensinar a criar um menu de login que permite a inserção de username e password. Uma vez identificados permite acesso á área de administração.

No menu do meu blog pessoal uso o script.aculo.us para dar o efeito de abrir e fechar. Não é obrigatório o uso, podem usar outras bibliotecas ou efeitos mas para este tutorial não vou usar o script.aculo.us como exemplo. O código que se segue vai procurar se o utilizador efectuou login ou não. Caso não o tenha feito irá mostrar o formulário a onde poderá fazer o login, caso contrário irá mostrar um menu com um link para o painel de administração e um link para efectuar o logout.

<?php
global $user_ID, $user_identity;
get_currentuserinfo();
if (!$user_ID):
<form id="loginform" action="<?php echo get_settings(’siteurl’); ?>/wp-login.php" method="post">
<div><label><?php _e(’Username’) ?>:<br /><input type="text" name="log" id="log" value="" size="15" tabindex="7" /></label><br />
<label><?php _e(’Password’) ?>:<br /> <input type="password" name="pwd" id="pwd" value="" size="15" tabindex="8" /></label>
<input type="submit" name="Login" value="<?php _e(’Login’); ?> &raquo;" tabindex="9" />
<?php wp_register(”, ‘ <i>Regista-te para poderes comentar.</i>’); ?>
<input type="hidden" name="redirect_to" value="<?php echo $_SERVER['REQUEST_URI']; ?>"/></div>
</form>
<?php
else:
?>
<ul>
<?php wp_register(); ?>
<li><a href="<?php echo get_settings(’siteurl’) . ‘/wp-login.php?action=logout&amp;redirect_to=’ . $_SERVER['REQUEST_URI']; ?>"><?php _e(’Logout’); ?></a></li>
</ul>

É possível adicionar mais links a este menu, por exemplo para irem directamente para a secção de criar um novo artigo, plugins, editor de temas, etc…

Para isso basta adicionar os links para essas áreas na secção a onde aparece os links para a área de administração.

Nesse caso o menu ficaria da seguinte forma (os links usandos são para a plataforma wordpress 2.2 ou superior):

<ul>
<?php wp_register(); ?>
<li><a href="<?php echo get_settings(’siteurl’) . ‘/wp-login.php?action=logout&amp;redirect_to=’ . $_SERVER['REQUEST_URI']; ?>"><?php _e(’Logout’); ?></a></li>
<li><a href="<?php echo get_settings(’siteurl’) ?>/wp-admin/post-new.php">Criar Artigo</a></li>
<li><a href="<?php echo get_settings(’siteurl’) ?>/wp-admin/plugins.php">Editar Plugins</a></li>
<li><a href="<?php echo get_settings(’siteurl’) ?>/wp-admin/themes.php">Editar Themes</a></li>
<li><a href="<?php echo get_settings(’siteurl’) ?>/wp-admin/edit-comments.php">Editar Comentários</a></li>
</ul>

Caso queiram usar o script.aculo.us no menu como eu usei apenas têm de adicionar esta linha no topo:

<a href="#" onclick="Effect.BlindDown(’entra’, {duration:0.2}); return false;"> <h3>Login</h3></a>

E esta linha no fundo do menu:

<a href="#" onclick="Effect.BlindUp(’entra’, {duration:0.2}); return false;">Fechar</a>

Espero que gostem de este tutorial, qualquer dúvida ou sugestão, deixem comentário.

1 Comment(s)

Comments RSS TrackBack Identifier URI