WordPress隐藏登录页面中的用户名/密码字段

时间：2013-11-08 作者：user1517108

我已经安装了wordpress社交登录，我希望用户只使用社交网站ID登录。现在作为第二步，我不希望在登录页面中为用户设置用户名和密码字段，因为这是多余的。

一种方法是破解显示登录页面的php文件。。。但我想要一个更模块化的结构。我计划通过添加自定义css（使用自定义css插件）并添加以下内容，使用户名和密码字段不可见：

label[for=\'user_name\']
{
    visibility:hidden !important;
}
label[for=\'user_pass\']
{
    visibility:hidden !important;
}

但是，这些字段仍然可见。有什么解决方案吗？

1 个回复

最合适的回答,由SO网友:Maruti Mohanty 整理而成

如果您已经准备好用css来实现这一点，那么可以用以下干净的方式来实现。

在当前主题的functions.php 文件

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

或者使用以下方法将css文件排队到登录页面，然后使用css。

在当前主题的函数中添加以下代码。php文件

add_action( \'login_enqueue_scripts\', \'wpse_121687_hide_login\' );
function wpse_121687_hide_login() {
    wp_register_style( \'hide-login\', plugins_url( \'path to /css/hide-login.css\' ) );
    wp_enqueue_style( \'hide-login\' );
}

然后在hide-login.css 文件

结束

标签： css wp-login-form 小码农

Create a body div using CSS

我正试图在博客的正文和标题文本中添加白色背景，以便在整个网站后面添加背景图像。我知道我需要创建一个位于正文和标题后面的div，但是我是CSS的初学者，所以如果可能的话，可以使用一些指针。博客地址为www.astridkearneyblog.com任何帮助都会得到很大的帮助！谢谢

小码农CODE

WordPress隐藏登录页面中的用户名/密码字段

相关推荐

Create a body div using CSS