Es posible que haya colocado un formulario de inicio de sesi\u00f3n de front-end en su sitio web de WordPress. Y desea permitir que los usuarios inicien sesi\u00f3n con su n\u00famero de tel\u00e9fono o usando el nombre de usuario \/ correo electr\u00f3nico. B\u00e1sicamente, est\u00e1 permitiendo que los usuarios ingresen cualquiera de las entradas de Nombre de usuario \/ Correo electr\u00f3nico \/ Tel\u00e9fono y una contrase\u00f1a.<\/p>\n
Tenga en cuenta que este tutorial no pretende mostrar el inicio de sesi\u00f3n con OTP. En su lugar, agregar\u00e9 una opci\u00f3n m\u00e1s de n\u00famero de tel\u00e9fono junto con el nombre de usuario y el correo electr\u00f3nico. Para que sus usuarios puedan elegir cualquier opci\u00f3n que les resulte conveniente. Probablemente vio esta opci\u00f3n en Amazon. Amazon nos permite iniciar sesi\u00f3n con un correo electr\u00f3nico o un n\u00famero de tel\u00e9fono m\u00f3vil.<\/p>\n
Voy a crear un formulario de inicio de sesi\u00f3n simple. En el env\u00edo del formulario, escribiremos un c\u00f3digo que verifica las credenciales en segundo plano para las 3 opciones (nombre de usuario \/ correo electr\u00f3nico \/ tel\u00e9fono) y una contrase\u00f1a.<\/p>\n
Para agregar un n\u00famero de tel\u00e9fono en un formulario de inicio de sesi\u00f3n, debe insertar el n\u00famero de tel\u00e9fono de un usuario en la tabla ‘wp_usermeta’. Puede hacerlo en el momento del registro de usuario. El siguiente c\u00f3digo se puede utilizar para agregar un n\u00famero de tel\u00e9fono de un usuario.<\/p>\n
<?php\n$user_id = 1;\n$phone_number = 9999999999;\nadd_user_meta( $user_id, 'user_phone', $phone_number);<\/code><\/pre>\nUna vez que tenga meta_key ‘user_phone’ junto con su valor en la base de datos, podr\u00e1 agregar el inicio de sesi\u00f3n con la opci\u00f3n de n\u00famero de tel\u00e9fono en un formulario de inicio de sesi\u00f3n. Pongamos el siguiente formulario de inicio de sesi\u00f3n en su p\u00e1gina de inicio de sesi\u00f3n.<\/p>\n
<?php\n$return = log_the_user_in();\nif( is_wp_error( $return)) {\n\u00a0\u00a0\u00a0\u00a0echo $return->get_error_message();\n}\n?>\n<form method=\"post\">\n\u00a0\u00a0\u00a0\u00a0<p><input type=\"text\" name=\"user_login\" placeholder=\"Username, email or mobile\" required \/><\/p>\n\u00a0\u00a0\u00a0\u00a0<p><input type=\"password\" name=\"user_password\" placeholder=\"Password\" required \/><\/p>\n\u00a0\u00a0\u00a0\u00a0<input type=\"hidden\" name=\"login_nonce\" value=\"<?php echo wp_create_nonce('login_nonce'); ?>\" \/>\n\u00a0\u00a0\u00a0\u00a0<input type=\"submit\" name=\"login_the_user\" value=\"Submit\" \/>\n<\/form><\/code><\/pre>\nEn el c\u00f3digo anterior, estamos verificando errores e imprimi\u00e9ndolos. Escribiremos c\u00f3digo para manejar errores en los pr\u00f3ximos pasos. Adem\u00e1s, agregamos un nonce en el formulario, que es la forma recomendada de procesar formularios en WordPress.<\/p>\n
Iniciar sesi\u00f3n con n\u00famero de tel\u00e9fono en WordPress<\/h3>\n
Cuando un usuario completa las credenciales y presiona un bot\u00f3n de env\u00edo, tomaremos las credenciales y las verificaremos con la base de datos. Si las credenciales son correctas, iniciaremos la sesi\u00f3n del usuario y lo redirigiremos a la p\u00e1gina de inicio. En caso de credenciales incorrectas, los errores se registran con la WP_Error<\/code>clase.<\/p>\nPor lo tanto, escriba el c\u00f3digo a continuaci\u00f3n en el functions.php<\/code>archivo que procesa el formulario de inicio de sesi\u00f3n.<\/p>\n<?php\nadd_action( 'init', 'log_the_user_in' );\nfunction log_the_user_in() {\n\u00a0\u00a0\u00a0\u00a0if (isset( $_POST['login_the_user']) && wp_verify_nonce( $_REQUEST['login_nonce'], 'login_nonce')) {\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if (! empty( $_POST['user_login']) &&! empty( $_POST['user_password'])) {\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if (is_email( $_POST['user_login'])) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ check user by email\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$user = get_user_by( 'email', $_POST['user_login'] );\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0} elseif (is_numeric( $_POST['user_login'])) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ check user by phone number\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0global $wpdb;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$tbl_usermeta = $wpdb->prefix.'usermeta';\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$user_id = $wpdb->get_var( $wpdb->prepare( \"SELECT user_id FROM $tbl_usermeta WHERE meta_key=%s AND meta_value=%s\", 'user_phone', $_POST['user_login']) );\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$user = get_user_by( 'ID', $user_id );\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0} else {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ check user by username\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$user = get_user_by( 'login', $_POST['user_login'] );\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if (! $user) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return new WP_Error('wrong_credentials', 'Invalid credentials.');\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ check the user's login with their password.\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if (! wp_check_password( $_POST['user_password'], $user->user_pass, $user->ID)) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return new WP_Error('wrong_credentials', 'Invalid credentials.');\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0wp_clear_auth_cookie();\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0wp_set_current_user($user->ID);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0wp_set_auth_cookie($user->ID);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0wp_redirect(get_bloginfo('url'));\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0exit;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0} else {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return new WP_Error('empty', 'Both fields are required.');\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\u00a0\u00a0}\n}<\/code><\/pre>\nAqu\u00ed, primero verificamos el nonce para proteger nuestro formulario de ciertos tipos de mal uso, c\u00f3digo malicioso y ataques CSRF. A continuaci\u00f3n, seg\u00fan el m\u00e9todo is_email()<\/code>o el is_numeric()<\/code>correo electr\u00f3nico, comprueba el correo electr\u00f3nico y el n\u00famero de tel\u00e9fono v\u00e1lidos. Si el valor ingresado no es un correo electr\u00f3nico o un tel\u00e9fono, elegimos el nombre de usuario. Si se satisfacen las credenciales, los usuarios inician sesi\u00f3n en el sistema y redirigen a la p\u00e1gina de inicio. En su caso, puede redirigir a los usuarios a otra p\u00e1gina seg\u00fan su flujo.<\/p>\nEspero que comprenda c\u00f3mo integrar el inicio de sesi\u00f3n con un n\u00famero de tel\u00e9fono en WordPress. Comparta sus pensamientos y sugerencias en la secci\u00f3n de comentarios a continuaci\u00f3n.<\/p>\n
Art\u00edculos relacionados<\/h4>\n