Cómo agregar un medidor de potencia de contraseña a WordPress

¿Cuál es la forma más fácil de asegurar su perfil de usuario? Establece una contraseña segura. ¡¿Derecha?! Todo está bien cuando es tu propio perfil. Pero, ¿cómo puede asegurarse de que un usuario que crea una cuenta en su sitio tenga una contraseña fuerte y segura? ¿Les pedirá que establezcan una contraseña segura? ¿O no creará una cuenta hasta que la contraseña sea lo suficientemente fuerte? Tienes que pensar en ello. Hay personas maliciosas a su alrededor, a las que les gustaría tener acceso a su sitio. Un perfil de usuario con una contraseña débil es una oportunidad para que pongan el pie en la puerta.
¿Cómo evitas todo esto? Bueno, es bastante simple. Debe asegurarse de que todos los perfiles de usuario tengan una contraseña segura. (¡Ja! Lo sabías). En su sitio web de WordPress, cuando un nuevo usuario ha intentado crear una cuenta, debe asegurarse de que el usuario establezca una contraseña segura. Asique como haces eso? ¿Usas un complemento? O agregar una funcionalidad personalizada? Bueno, la respuesta es … de todos modos. ¡Pero si le dijera que WordPress en sí ofrece esta funcionalidad con su configuración básica! ¡¡¿Asombrado?!! Yo era lo mismo cuando lo encontré por primera vez. La mayoría de nosotros no sabemos esto y podemos probar complementos y agregar funciones personalizadas sin fin.
¿Pero donde esta? La funcionalidad se llama “Control de energía de contraseña”. Se puede implementar en su página de registro, donde los usuarios se registran o incluso cuando los usuarios desean cambiar su contraseña.
“Medidor de potencia de pase” de WordPress

Ahora, aunque WordPress ofrece la funcionalidad, no es algo que encontrarías en el tablero. Tienes que seguir algunos pasos para que funcione. Entonces … ¿cómo se activa el medidor de energía de contraseña? Debe iniciar sesión en su sitio utilizando un cliente FTP. En wp-admin-> js, debería poder encontrar un archivo llamado contraseña-strength-meter.js. Este es el archivo que pone la pelota para ejecutar. Este archivo debe colocarse en la cola. Puede hacerlo conectando a una acción apropiada y agregando la línea a continuación, en las funciones.php de su base (preferiblemente tema infantil): wp_enqueue_script (‘la paruela de toro’);
Debe poner este archivo en la cola en cada página donde se debe mostrar el medidor de alimentación de contraseña. Para esto, debe encontrar los ganchos correctos. Por ejemplo, suponga que necesita mostrar esto en la página de grabación de BuddyPress. Luego debe usar la acción “bp_before_register_page” para poner el script en la cola. Y para la página de registro de WordPress habitual, debe usar el gancho “Register_Form”.
Pero la cola simple del archivo JS no es suficiente. El JS solo nos ofrece funciones que usamos para verificar el poder de la contraseña. Ahora debe agregar su propio script, que actuará como mediador entre la página de configuración y el script de medidor de potencia de contraseña. Agreguemos este script a contraseña-mediator-mediator.js. Debe crearlo en la carpeta JS del tema y ponerlo en la cola con contraseña-strength-mety.js. wp_enqueue_script (‘Password-Strength-Meter-Mediator’, get_stylesheet_directory_uri (/js/password-strenggth-meter-mediator.js ‘, array (‘ contraseña-strength-mety ‘); puede renombrar la ruta del archivo “/js/js/js/js/js/js/js/ contraseña_strength_meter_mediator.js “donde sea que se almacene su archivo.
Ahora, para la parte principal, la pieza de resistencia, utilizando las funciones de contraseña -strength -meter.js para probar la potencia de contraseña. El uso del medidor de energía de contraseña ahora, validando la contraseña de la contraseña devolverá una condición. Para mostrar esta condición, debemos agregar la línea de código a continuación donde el medidor de alimentación de contraseña (página de registro, por ejemplo) debe funcionar y guardarla.
Luego necesitamos agregar el código a continuación a Password_strength_meter_mediator.js. Suponga que tiene dos campos que ingresan a la contraseña: firmar_password (campo de contraseña) y firmar_password_confirm (campo de confirmación de contraseña).
JQuery (documento) .Ready (function ($) {
// activar wdmchkpwdstrength
$ (‘Body’) .On (‘KeyUp’, ‘Enume [name = firmip_parola], input [name = firiv_password_confirm]’, function (event) {
wdmchkpwdstrength (
// campo de contraseña
$ (‘input [name = firup_password]’), // Confirma el campo Contraseña
$ (‘input [name = firup_password_confirm]’),
// El estado de poder
$ (‘ #Password-Strength’),
// Botón de enviar
$ (‘input [type = subt]’),
// palabras en la lista negra que no deberían ser parte de la contraseña
[‘Administrador’, ‘feliz’, ‘hola’, ‘1234’] );
});
});
Utilizamos la función “KeyUp” en los campos de entrada de contraseña para probar el poder de contraseña.
WDMCHKPWDSTRength es la función que verificará el poder de la contraseña ingresada. Los parámetros que transmitiremos son:
ID de campo de contraseña (puede usar el nombre del campo en su lugar)
La ID del campo de confirmación de contraseña

La ID de campo en la que se debe mostrar la contraseña de la contraseña.
Id de la forma de la forma de la forma
Una lista de palabras que no serán aceptadas como parte de la contraseña
Función WDMCHKPWDSTRGTH ($ PWD, $ confirmwd, $ fortalentStatus, $ SubmitBTN, palabras con lista negra) {
lima pwd = $ pwd .val ();
Lime confirmaPwd = $ confirmpwd .val ();
// extiende la palabra matriz de la lista negra con los de los datos del sitio
Blacklistedwords = BlacklizedWords. Concat (wp.passwordstrength.userInputBlackList ())
// Cada vez que escribe una carta, restablezca el botón de envío y la condición del medidor de energía
// Desactiva el botón Enviar
$ SubsitBtn .Attr (‘DISCABILIDAD’, ‘DISCABILIDAD’);
$ FRESTIONSTATUS .REMOVECLASS (‘Corto malo Bad);
// Calcule el poder de la contraseña
lima pwdStrength = wp.passwordStrength.meter (pwd, negrylistedwords, confirmaPWD);
// Verifique el poder de la contraseña
}
Wp.passwordstrength.meter es una función implícita proporcionada por WordPress presente en contraseña-strength-mety.js. Acepte la matriz de contraseña y palabras de la lista negra y devuelve el poder de la contraseña (2,3,4,5). Por lo tanto, debemos extender la función WDMCHPWDStrgth al verificar el valor devuelto. // Verifique el poder de la contraseña
Switch (pwdStrength) {
Caso 2:
$ FRESTIONSTATUS .AddClass (‘Fool’) .html (pwsl10n.bad);
descanso ;
Caso 3:
$ FRESTIONSTATUS .AddClass (‘Good’) .html (pwsl10n.good);
descanso ;
Caso 4:
$ FRESTIONSTATUS .AddClass (‘poderoso’) .html (pwsl10n.strong);
descanso ;
Caso 5:
$ FRESTIONSTATUS .AddClass (‘Short’) .html (pwsl10n.mismatch);
descanso ;
defecto:
$ FRESTIONSTATUS .AddClass (‘Short’) .html (PWSL10n. Short);
}
// Establecer el estado del botón Enviar
Dependiendo del valor del resultado de potencia devuelto por el WP.
Si el valor de pwdStrength es 2: esto significa que la contraseña es débil y se mostrará “débil” como resultado en el frente y mantendrá el botón de referencia deshabilitado
Si el valor de pwdStrength es 3: esto indica que la potencia de la contraseña es mejor que débil pero no tan buena y se ve “mediana” como resultado en el front-end, manteniendo el botón de referencia deshabilitado
Si el valor de pwdStrength es 4: la contraseña segura y, por lo tanto, “fuerte” se muestra en el front-end y se activa el botón de envío. Un usuario ahora puede crear su cuenta, siempre que todos los demás campos obligatorios se completen correctamente
Si el valor de pwdStrength es 5: esto significa que la contraseña de confirmación y la contraseña no coinciden y el usuario debe corregirlos. El botón de envío permanece deshabilitado.
El último y último código que necesita agregar es activar el botón Enviar si la contraseña es fuerte y ambos campos coinciden.
// Establecer el estado del botón Enviar
if (4 === pwdStrength & & ”! == confirmpwd.trim ()) {
$ SubtBtn .RemoVeattr (‘desactivated’);
}
Devuelve pwdStrength;
Si acepta permitir que un usuario con una contraseña de encendido mediano cree una cuenta, puede cambiar la condición anterior de acuerdo con. Una palabra de precaución: no cambie el valor a 5, de lo contrario activará el botón de envío incluso si las contraseñas no coinciden!
(Respiración profunda) Suspiró! Fue mucho para tomar, ¿verdad? Quizás. Pero una vez que comience a implementarlo, estoy seguro de que no le llevará más de una hora si sigue los pasos anteriores. Así que aquí. Simplemente agregará una contraseña del poder de contraseña a aquellos que tienen dudas fácilmente, la sección de comentarios está abierta. ¡Pregunta!