更改登录页面上的登录按钮

时间:2011-05-19 作者:jobbogamer

我想能够在wp login中更改登录按钮上的文本。php——然而,它比这要复杂一点。我希望能够在主题中更改它,而不是直接编辑核心文件,这样a)当WordPress更新时它不会被覆盖,b)如果我分发我的主题,它将被转移。

我不知道这是否可能。我在互联网上所能找到的只是如何更改登录页面的CSS,而不是实际的HTML/PHP。

6 个回复
SO网友:Jan Fabry

“登录”字符串将传递给翻译函数,您可以对其进行筛选。为了避免需要过滤每个小字符串,您可以在打印登录表单之前激活此过滤器。

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

SO网友:Rafael Marques

为了补充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;

}

SO网友:NW Tech

默认情况下,这是在登录的WP核心中设置的样式。css和颜色清新。css

您可以随时将其复制到主题的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 Custom Login
Custom Login

SO网友:alexndm

只需将“登录”按钮替换为登录中的图像即可。css

SO网友:Ivan Dolera
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\' );
SO网友:Lee Peterson

使用jQuery修改输入“值”:

<script>
    $("#wp-submit").function(){
        $(this).attr(\'value\', \'new_value\');
    });
</script>
在login\\u标头中包含脚本:

function change_login_button() {
    echo \'<script src="link_to_script.js"></script>\';
}
add_action(\'login_head\', \'change_login_button\');

结束

相关推荐

Login form in popup

我将WP3与defaul主题一起使用。我希望人们在提交评论之前注册。我想做的是建立一个链接,而不是像“留下评论”这样的评论表单。单击此链接将打开一个弹出窗口,其中包含登录/注册表单或评论表单(如果用户已登录)。这可能吗?谢谢