web-dev-qa-db-ja.com

ログインページのログインボタンを変更する

Wp-login.phpのLog Inボタンのテキストを変更したいのですが、それより少し複雑です。コアファイルを直接編集するのではなく、テーマで変更して、a）WordPressが更新されても上書きされないようにしたい、b）テーマを配布しても転送されるようにしたい.

それが可能かどうかはわかりません。私がインターネット上で見つけることができるのは、実際のHTML/PHPではなく、ログインページのCSSを変更する方法だけです。

customizationlogincore
5
jobbogamer

"Log In" という文字列が翻訳機能に渡され、それをフィルタリングできます。すべての小さな文字列をフィルタ処理する必要がないようにするには、ログインフォームが印刷される直前にこのフィルタを有効にします。

add_action( 'login_form', 'wpse17709_login_form' );
function wpse17709_login_form()
{
    add_filter( 'gettext', 'wpse17709_gettext', 10, 2 );
}

function wpse17709_gettext( $translation, $text )
{
    if ( 'Log In' == $text ) {
        return 'WPSE 17709 Logging In!';
    }
    return $translation;
}
8
Jan Fabry

Jan Fabryによって既に言われたことを補足するために、ログインパネルのすべての用語で同じ機能に従います：

add_filter( 'gettext', 'wpse17709_gettext', 10, 2 );
function wpse17709_gettext( $custom_translation, $login_texts ) {

    // Login Main Page
    if ( 'Username' == $login_texts ) { return ''; } // Username Label
    if ( 'Password' == $login_texts ) { return ''; } // Password Label
    if ( 'Remember Me' == $login_texts ) { return ''; } // Remember Checkbox
    if ( 'Log In' == $login_texts ) { return ''; } // Login Button
    if ( 'Lost your password?' == $login_texts ) { return ''; } // Lost Password Link
    if ( '← Back to %s' == $login_texts ) { return ''; } // Back to website

    // Login New Password
    if ( 'Please enter your username or email address. You will receive a link to create a new password via email.' == $login_texts ) { return ''; } // Message after logo
    if ( 'Username or E-mail:' == $login_texts ) { return ''; } // Label of username input
    if ( 'Log in' == $login_texts ) { return ''; } // Log In Link Text
    if ( 'Get New Password' == $login_texts ) { return ''; } // Button

    // Messages
    if ( 'You are now logged out.' == $login_texts ) { return ''; } // Log out message
    if ( 'User registration is currently not allowed.' == $login_texts ) { return ''; } // User registration disabled
    if ( 'Check your e-mail for the confirmation link.' == $login_texts ) { return ''; } // Check link confirmation on email
    if ( 'Check your e-mail for your new password.' == $login_texts ) { return ''; } // Check new password on email
    if ( 'Registration complete. Please check your e-mail.' == $login_texts ) { return ''; } // Registration complete
    if ( 'Your session has expired. Please log-in again.' == $login_texts ) { return ''; } // Expired Session
    if ( '<strong>You have successfully updated WordPress!</strong> Please log back in to experience the awesomeness.' == $login_texts ) { return ''; } // Sucessfully Wordpress Updated

    return $translation;

}
4
Rafael Marques

デフォルトでは、これはlogin.cssおよびcolors-fresh.cssのWPの中心にスタイル設定されています。

あなたはいつもこれをあなたのテーマのCSSにコピーすることができます

input.button-primary, button.button-primary, a.button-primary {
border-color: #298CBA;
font-weight: bold;
color: white;
background: #21759B url(../images/button-grad.png) repeat-x scroll left top;
text-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0;
}

そして、あなたが見たいと思う変更を行い、単に!importantを違うものに追加してください。好き

input.button-primary, button.button-primary, a.button-primary {
border-color: #000 !important;
font-weight: normal !important;
color: orange !important;
text-shadow: none !important;
}

ボタンの「テキスト」を変更する限り、これはWPコアファイルの一部であり、更新するたびに上書きされ、サイト間で転送されません。

ログインページをもう少しカスタマイズするのに役立つプラグインがいくつかあります。

BMカスタムログイン
カスタムログイン

1
NW Tech

Logins.cssの「login」ボタンを画像に置き換えるだけです。

0
alexndm
function oz_login_head() {

    function oz_login_label( $translated_text, $text, $domain ) {
        if ( 'Log In' === $text ) {
            $translated_text = __( 'Your Custom Text' , 'divi' );
        }
        return $translated_text;
    }
    add_filter( 'gettext', 'oz_login_label', 20, 3 );

}

add_action( 'login_head', 'oz_login_head' );
0
Ivan Dolera