#152：WordPress（Lodge）登录页面样式

我们在网站侧边栏中用于The Lodge的“小部件”（显示在大多数页面上，包括首页）有两种状态。一种是用户未登录时，另一种是用户已登录时。未登录状态在其上有一个登录表单，以便当前成员可以轻松地登录。

我们过去一直使用内置函数wp_login_form()，WordPress提供这个功能非常棒，但我们希望控制一些标记。这将允许我们添加类等等来根据我们的需要对其进行样式设置。

但是，在许多情况下，我们的自定义登录表单将无法工作，我们需要使用默认的WordPress登录视图。也就是说，当您访问/wp-login.php时看到的内容。例如，如果您提交了错误的密码，则会重定向到此页面。或者，如果您想注册网站（不通过Restrict Content Pro），或者重置密码，您将通过此/wp-login.php页面进行操作。因此，我认为最好为这个页面设置样式，使其看起来像一个专业的操作，而不仅仅是“某个WordPress网站”。此外，我们可以在此处使用我们的品牌元素，即我们的雪屋。

为了获得控制权，我们在functions.php文件中使用几个WordPress“钩子”来加载自定义CSS文件。这就是我们获得设计控制所需的一切。

我们剩下的时间都用于利用该CSS文件来为登录页面设置品牌。我们将小屋变得相当模糊，我认为这是一种很酷的效果。它有点像在说“小屋就在那里！登录，一切都会变得清晰！”。作为额外的好处，模糊的JPG照片可以设置为非常低的质量，这很好，因为我们正在将其用作全页面背景图像。