web-dev-qa-db-fra.com

Ajouter une classe au formulaire de saisie dans le formulaire de connexion

est-il possible d’ajouter un nom de classe personnalisé au champ de saisie lors de la connexion à partir de la fonction wp_login_form?

<input type="text" name="log" id="' . esc_attr( $args['id_username'] ) . '" class="input" value="' . esc_attr( $args['value_username'] ) . '" size="20" tabindex="10" />
loginwp-login-form
1
Ehsan

Bien qu'il n'y ait pas de filtre direct disponible pour modifier la sortie du champ de saisie du nom d'utilisateur. Vous pouvez le faire en mettant en file d'attente un js sur la page de connexion, puis en ajoutant une classe css au champ de saisie du nom d'utilisateur. S'il vous plaît voir si ci-dessous aide:

add_action( 'login_head', 'add_login_css' );
function add_login_css(){
    wp_register_script(
        'extra-login-css', 
        get_stylesheet_directory_uri() . '/js/extra-login-css.js',
        array( 'jquery' ),
        '',
        TRUE
    );
    wp_enqueue_script( 'extra-login-css' );
}

Assurez-vous que le chemin pour extra-login-css.js mentionné ci-dessus est correct ou vous pouvez le mettre à jour conformément à votre structure de répertoire. Ajoutez le code suivant dans ce fichier js.

( function( $ ) {

   $("#user_login").addClass("my-login-username");

} )( jQuery );
3
Prasad Nevase