Javascript 如何在Wordpress登录屏幕上隐藏登录文本字段？

我有一个演示网站，我只希望公众用户登录Facebook

管理员将使用标准Wordpress登录

因此，我在Wordpress登录屏幕上添加了一个Facebook登录按钮

我不想混淆用户，让他们看到Wordpress用户名和密码文本字段，即我想隐藏这两个输入字段

有没有办法隐藏Wordpress用户名和密码文本字段，然后允许管理员在他们想要登录时使其可见？ 所以，也许，点击一个链接，然后会使Wordpress用户名和密码文本字段可见

以下是页面来源：

<form name="loginform" id="loginform" action="" method="post">
 <label for="user_login">Username<br />
 <input type="text" name="log" id="user_login" aria-describedby="login_error" class="input" value="" size="20" /></label>
 <label for="user_pass">Password<br />
 <input type="password" name="pwd" id="user_pass" aria-describedby="login_error" class="input" value="" size="20" /></label>
 <script type="text/javascript">
  if(jQuery.type(has_social_form) === "undefined"){
   var has_social_form = false;
   var socialLogins = null;
  }
  jQuery(document).ready(function(){
  (function($) {
  if(!has_social_form){
   has_social_form = true;
   var loginForm = $('#loginform,#registerform,#front-login-form');
   socialLogins = $('<div class="newsociallogins" style="text-align: center;"><div style="clear:both;"></div></div>');
   if(loginForm.find('input').length > 0)
    loginForm.prepend("<h3 style='text-align:center;'>OR</h3>");
    loginForm.prepend(socialLogins);
    socialLogins = loginForm.find('.newsociallogins');
   }
   if(!window.fb_added){
    socialLogins.prepend('<a href=\"" rel=\"nofollow\"><div class=\"new-fb-btn new-fb-4 new-fb-default-anim\"><div class=\"new-fb-4-1\"><div class=\"new-fb-4-1-1\">Login With Facebook</div></div></div></a><br />');
    window.fb_added = true;
   }
   }(jQuery));
  });
 </script>
 <input type="submit" name="wp-submit" id="wp-submit" class="button button-primary button-large" value="Log In" />
 <input type="hidden" name="redirect_to" value="" />
 <input type="hidden" name="testcookie" value="1" />
</form>

用户名

密码

if（jQuery.type（具有社交形式）=“未定义”）{
var的社会形式为假；
var socialLogins=null；
}
jQuery（文档）.ready（函数（）{
（函数（$）{
如果（！有社交形式）{
has_社会形式=真；
var loginForm=$（“#loginForm，#registerform，#front login form”）；
社会保险=$（''）；
if（loginForm.find（'input'）。长度>0）
loginForm.prepend（“或”）；
loginForm.prepend（socialLogins）；
socialLogins=loginForm.find（'.newsociallogins'）；
}
如果（！window.fb_已添加）{
socialgins.prepend（“
”）；
window.fb_added=true；
}
}（jQuery））；
});

您可以尝试以下方法：

//从URL获取哈希值
var hash=window.location.hash；
//检查是否设置了哈希
if（hash&&hash==“wpadmin”）{
$（“#wpform”）.show（）；//show wp form
}

body{background:#eee；text align:center；}
#登录{
边框：2倍实心#000；
填料：2米；
背景：#fff；
宽度：50%；
利润率：2米自动；
}
#脸谱网{
填充：1em；
背景：浅蓝色；
边框：1px纯蓝色；
}
#wpform{
填充：1em；
边框：1px实心#CCC；
边缘顶部：1米；
显示：无；
}

使用Facebook登录
WP标准表格

对于普通用户，您可以创建另一个页面，并在该页面上设置facebook登录

对于管理员来说，wp-admin很好。所以不要对wp管理员隐藏这些输入字段。使用facebook登录应通过另一个页面进行

---

这是一个简单而省时的解决方案

我建议阅读Wordpress Codex中关于自定义登录页面的内容：或创建您自己的自定义登录页面：