En este tutorial explicaremos como crear un login personalizado en wordpress, sin la necesidad de tener que instalar ningún plugin adicional. Solamente unas líneas de código y el usuario podrá iniciar sesión en cualquier parte de nuestro sitio sin tener que ingresar a /wp-login.php.
¿DÓNDE COLOCO EL CÓDIGO?
El código lo puedes colocar donde sea, en header.php, sidebar.php o el lugar que prefieras, ¡ese es el objetivo!
DETALLES
Una vez que el usuario se encuentra logueado en el sitio, se le mostrará su correspondiente avatar, un acceso a su perfil y un link para cerrar la sesión. Además, al iniciar o cerrar la sesión se mantendrá en la misma página donde se encontraba.
El código mágico
En este código, utilizamos las funciones que ya vienen creadas en WP como is_user_logged_in(), get_avatar(), etc
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
|
<div class=“user-info”>
<?php
if ( is_user_logged_in() )
{
// Tomamos la información del usuario
global $current_user;
get_currentuserinfo();
?>
<!— Avatar —>
<div class=“avatar”>
<?php echo get_avatar($current_user->ID, 90); ?>
</div>
<h4>Menu Usuario</h4>
<!— Empieza Saludo de Bienvenida —>
<p><strong><?php echo ‘Hola ‘ . $current_user->user_login . “\n”;?>,</strong>
<!— Ingresar a su perfil —>
<a href=“<?php bloginfo(‘url’);?>/wp-admin/profile.php”>Mi cuenta</a>
<!— Cerrar Sesión —>
<a href=“<?php echo esc_url( wp_logout_url( $_SERVER[‘REQUEST_URI’] ) ); ?>“ title=“logout”>Desconectarse</a>
<?php } else { ?>
<div class=“login-form”>
<form name=“loginform” id=“loginform” action=“<?php echo esc_url( wp_login_url( $_SERVER[‘REQUEST_URI’] ) ); ?>“ method=“post”>
<p>Usuario: <input type=“text” name=“log” id=“user_login” value=“<?php echo attribute_escape(stripslashes($user_login)); ?>“ size=“20” tabindex=“10” /></p>
<p>Password: <input type=“password” name=“pwd” id=“user_pass” value=“” size=“20” tabindex=“20” /><?php do_action(‘login_form’); ?></p>
<input name=“rememberme” type=“hidden” id=“rememberme” value=“forever” tabindex=“90” />
<input type=“submit” name=“wp-submit” id=“wp-submit” value=“<?php _e(‘Login’); ?>“ tabindex=“100” />
<!— Recuperar contraseña y Registrarse —>
<a href=“<?php echo wp_lostpassword_url( get_bloginfo(‘url’) ); ?>“ title=“Lost Password”>Olvido su contraseña?</a> | <a href=“<?php bloginfo(‘url’); ?>/wp-login.php?action=register”>Registrarse</a>
</form>
</div>
<?php } ?>
</div>
|
Si también están buscando crear un formulario de registro personalizado les recomiendo que vean este tutorial: