¿Desea personalizar las subetiquetas asociadas a sus campos Contraseña? Con unas pocas líneas de código PHP, puede adaptar sin esfuerzo estas etiquetas para que se ajusten mejor a sus necesidades.
Los campos de contraseña suelen incluir subetiquetas debajo de ellos, especialmente cuando la opción Activar confirmación de contraseña está activada. Esta función garantiza que los usuarios confirmen sus contraseñas introduciéndolas dos veces. Sin embargo, es posible que las subetiquetas predeterminadas no siempre coincidan perfectamente con el mensaje o la marca deseados.
En este tutorial, le mostraremos cómo usar PHP para cambiar el texto de estas sub-etiquetas.
Creación del formulario
Primero, empezaremos creando nuestro formulario y añadiendo nuestros campos de formulario. También añadiremos el campo de formulario Contraseña y activaremos la opción Activar confirmación de contraseña.
Si necesita ayuda para crear su formulario, consulte esta documentación.
Modificación de las subetiquetas de contraseña
Para cambiar el texto que aparece debajo del campo de formulario Contraseña, tendremos que añadir este fragmento a nuestro sitio.
Si necesitas ayuda sobre cómo añadir snippets a tu sitio, consulta este tutorial.
/**
* Change the sublabels for the Password field.
*
* @link https://wpforms.com/developers/how-to-change-the-password-field-sublabels/
*/
function wpf_dev_password_field_properties( $properties, $field, $form_data ) {
// Change sublabel values on the primary password field
$properties[ 'inputs' ][ 'primary' ][ 'sublabel' ][ 'value' ] = __( 'Please enter a password that you will use to sign on to your account.', 'your-text-domain' );
// Change the sublabel values on the secondary password field
$properties[ 'inputs' ][ 'secondary' ][ 'sublabel' ][ 'value' ] = __( 'Please re-enter that password again just for confirmation.', 'your-text-domain' );
return $properties;
}
add_filter( 'wpforms_field_properties_password' , 'wpf_dev_password_field_properties', 10, 3 );
Y eso es todo lo que necesitas para cambiar las subetiquetas. ¿Desea registrar automáticamente a los usuarios después de que hayan completado el proceso de registro? Eche un vistazo a nuestro tutorial sobre Cómo iniciar sesión automáticamente en los usuarios después del registro.
Filtro de referencia
PREGUNTAS FRECUENTES
P: ¿Puedo cambiarlas sólo para un formulario?
R: Por supuesto, si sólo desea cambiar estas subetiquetas para un formulario en particular, utilice este fragmento en su lugar y recuerde actualizar el ID de formulario 123 para que coincida con su propio ID de formulario. Si necesita ayuda para encontrar su ID de formulario, consulte esta útil guía.
/**
* Change the sublabels for the Password field.
*
* @link https://wpforms.com/developers/how-to-change-the-password-field-sublabels/
*/
function wpf_dev_password_field_properties( $properties, $field, $form_data ) {
// Only process this snippet on the form ID 123
if ( absint( $form_data[ 'id' ] ) !== 123 ) {
return $properties;
}
// Change sublabel values on the primary password field
$properties[ 'inputs' ][ 'primary' ][ 'sublabel' ][ 'value' ] = __( 'Please enter a password that you will use to sign on to your account.', 'your-text-domain' );
// Change the sublabel values on the secondary password field
$properties[ 'inputs' ][ 'secondary' ][ 'sublabel' ][ 'value' ] = __( 'Please re-enter that password again just for confirmation.', 'your-text-domain' );
return $properties;
}
add_filter( 'wpforms_field_properties_password' , 'wpf_dev_password_field_properties', 10, 3 );
Como se puede ver en el fragmento de código, todo lo que tenemos que hacer es añadir la comprobación del ID del formulario con if ( absint( $form_data[ 'id' ] ) !== 123 ) { return $properties; } El resto del fragmento sigue siendo exactamente igual que en el ejemplo con todas las formas.