Jueves 23 de Febrero, 2012
Dinvaders: Alimentando con código a nuestros hambrientos visitantes desde el año 2010.

WordPress: como crear un login personalizado sin plugin

Hace mucho tuvimos la necesidad de tener un login personalizado en wordpress, por eso desarrollamos un útil y fácil código que hace posible que el usuario inicie sesión en la página principal de nuestro sitio sin tener que ingresar al famoso “/wp-login.php” para loguearse. Cuando el usuario se encuentra logueado en el sitio mostrará su correspondiente avatar, un acceso a su perfil y una opción para cerrar sesión. Además, al iniciar o cerrar la sesión se mantendrá en la misma página en donde se encontraba.

Pasamos a ver el código:

<!-- Si el usuario esta logueado vera esto -->

<?php if ( $user_ID ) { ?>

<div>
<!-- Avatar -->
<div><?php echo get_avatar($user_ID, 90); ?></div>
<h4>Menu Usuario</h4>
<!-- Empieza Saludo de Bienvenida -->
<div><strong><?php global $current_user;
 get_currentuserinfo();
 echo 'Hola ' . $current_user->user_login . "\n";
?>,</strong></div>
<!-- Ingresar a su perfil -->
<div><img src="<?php bloginfo( 'template_url' );?>/images/login/my_account.png"><a href="<?php bloginfo('url');?>/wp-admin/profile.php">Mi cuenta</a></div>
<!-- Cerrar Sesión -->
<div><img src="<?php bloginfo( 'template_url' );?>/images/login/logout.png"><a href="<?php echo esc_url( wp_logout_url( $_SERVER['REQUEST_URI'] ) ); ?>" title="logout">Desconectarse</a></div>

<?php } else {   ?>

<!-- Si esta deslogueado vera esto -->
 <div>
<div><form name="loginform" id="loginform" action="<?php echo esc_url( wp_login_url( $_SERVER['REQUEST_URI'] ) ); ?>" method="post">
 <div>Usuario: <input type="text" name="log" id="user_login" value="<?php echo attribute_escape(stripslashes($user_login)); ?>" size="20" tabindex="10" /></div>
 <div>Password: <input type="password" name="pwd" id="user_pass" value="" size="20" tabindex="20" /><?php do_action('login_form'); ?></div>
 <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" />
 </form></div>
<!-- Recuperar contraseña y Registrarse -->
<div><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></div>
 <?php } ?>
</div>

Si tienen alguna duda pueden consultarnos a traves de un comentario o enviandonos un correo

Artículos relacionados

Este artículo tiene 9 comentarios

  1. Mario, hace 522 días atras:

    Hay alguna forma de que el perfil de usuario que se vea no sea con el formato wordpress?? y otra consulta, hay alguna posibilidad de esconder el campo “alias” para que no haya varias usuarios con el mismo nick y simplemente muestre el nombre de usuario?
    Muchas gracias!

  2. Source, hace 522 días atras:

    Hola Mario, te puedo dejar este plugin por ahora Theme My Profile, mas adelante estaremos haciendo un tutorial para personalizarlo sin necesidad de plugin.
    Saludos!

  3. Mario, hace 520 días atras:

    Muchísimas gracias por la respuesta, lo probe pero no me convenció mucho! Espero el tutorial y muchas gracias por el contenido del sitio, excelente!

  4. Ivan, hace 477 días atras:

    Muy buen post… muy util, gracias :)

  5. Gerardo, hace 107 días atras:

    En que archivo coloco ese código ? Gracias

  6. Israelito, hace 96 días atras:

    como puedo colocar campos personalizados para el registro de usuarios… campos como apellidos, ciudad, pais,etc. En box list, checkBoxGroup, etc….. gracias!!

  7. Aurora, hace 85 días atras:

    Hola, me fue de mucha ayuda este trozo de código :D saludos!

  8. mark, hace 13 días atras:

    Podrias por lo menos decir donde va ese codigo no?

  9. Nicolas Seijas, hace 13 días atras:

    No esta especificado donde va porque el objetivo es que lo coloques donde quieras, puede ser en header.php, sidebar.php, etc

Deja un comentario