在登录页面中隐藏WordPress登录和密码字段

时间：2020-08-04 作者：AstroMaz

我正在使用社交插件，我只想使用它，并从登录页面隐藏登录和密码字段，我该怎么做？

我尝试过此代码，但它禁用了完整的登录区域，包括；使用google登录：

add_action( \'login_head\', \'wpse_121687_hide_login\' );
function wpse_121687_hide_login() {
    $style = \'\';
    $style .= \'<style type="text/css">\';
    $style .= \'.login form{ display: none }\';
    $style .= \'.login #nav a, .login #backtoblog a { display: none }\';
    $style .= \'</style>\';

    echo $style; 
}

1 个回复
SO网友:Nim Chimpsky

我有同样的问题和问题。

但是，通过对代码进行一些更改，您可以隐藏Wordpress登录和密码字段，并且仍然保留社交登录按钮。

只需将下面的代码添加到主题functions.php 文件

/**
* This hides the login and password fields so only the social login button is visible
*/    

add_action( \'login_head\', \'wpse_121687_hide_login\' );
function wpse_121687_hide_login() {
    $style = \'\';
    $style .= \'<style type="text/css">\';
    $style .= \'.login label{ display: none }\';
    $style .= \'.login .button.wp-hide-pw .dashicons{ display: none }\';
    $style .= \'.login form .input{ display: none }\';
    $style .= \'.login form .forgetmenot{ display: none }\';
    $style .= \'.login #nav a, .login #backtoblog a { display: none }\';
    $style .= \'</style>\';

    echo $style; 
}
可能还有更多的调整可以做，比如删除大的登录按钮，但我仍在努力。

如果专家能提供任何改进建议，我们将不胜感激！

标签： plugin-development   login   wp-login-form   小码农  

相关推荐

LOGIN_ENQUEUE_SCRIPTS是否有加载优先级？

我使用这个函数在登录的页脚中加载我的插件（自定义徽标和登录）Javascript文件。php页面，但文件在wp包含主jQuery库之前加载：add_action( \'login_enqueue_scripts\', \'login_js_script\' ); function login_js_script() { wp_enqueue_script( \'login-script\', plugin_dir_url( __FILE__ ) . \'scripts.js\',