web-dev-qa-db-ja.com

ログインフォームの入力フォームにクラスを追加する

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

ユーザ名入力フィールドの出力を変更するために利用可能な直接フィルタはありませんが。これを行うには、ログインページでjsをエンキューしてから、ユーザー名入力フィールドにCSSクラスを追加します。以下が役立つかどうかを確認してください。

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' );
}

上記の extra-login-css.js のパスが正しいことを確認します。そうでない場合は、ディレクトリ構造に従って更新できます。そのjsファイルに次のコードを追加します。

( function( $ ) {

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

} )( jQuery );
3
Prasad Nevase