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
En este tutorial veremos como crear varios estilos css para que el usuario o visitante mediante un click pueda......
Llega el momento de todo diseñador que quiere hacer su propio theme de WordPress, con este post queremos mostrarles......
Anteriormente estuvimos viendo como se hacian diferentes templates para cada categoría, en esta ocasión veremos como realizar diferentes estilos......
Animate a adornar tus posts de wordpress dandole estilo a la fecha de tus posts, con unos sencillos pasos.......
Todos esperamos con ansias la salida de WordPress 3.0, hoy estamos cada vez más cerca de ella ya que......
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!
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!
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!
Muy buen post… muy util, gracias
En que archivo coloco ese código ? Gracias
como puedo colocar campos personalizados para el registro de usuarios… campos como apellidos, ciudad, pais,etc. En box list, checkBoxGroup, etc….. gracias!!
Hola, me fue de mucha ayuda este trozo de código
saludos!
Podrias por lo menos decir donde va ese codigo no?
No esta especificado donde va porque el objetivo es que lo coloques donde quieras, puede ser en header.php, sidebar.php, etc