无需插件即可创建 WordPress 自定义登录页面 – 智者邦

您是否对 WordPress 默认登录页面感到厌烦？

您有没有想过是否有办法使登录页面与您的网站设计保持一致？

如果是，那么您来对地方了。在本文中，我们将指导您通过不同的方法来自定义您的登录页面，而无需任何插件。

我们今天包括了什么？

WordPress 默认登录页面为什么要创建自定义登录页面？自定义 WordPress 默认登录页面自定义登录页面徽标禁用 WordPress 登录页面语言切换器创建新的自定义登录页面WordPress 默认登录页面

默认情况下，您可以通过将 /login/、/admin/ 或 wp-login.php 添加到站点 URL 的末尾来访问 WordPress 登录页面。

你每次这样做都会得到这个登录屏幕，不是吗？

如您所见，WordPress 登录页面包含以下元素：

默认背景WordPress 徽标输入字段（用户名和密码）记住我复选框提交按钮忘记密码链接返回链接

如果您想用您的自定义页面替换此通用页面，比方说，出于品牌目的，该怎么办？

请继续阅读我们博客的结尾。会有一些惊喜给你。🙂

为什么要创建 WordPress 自定义登录页面？

首先，自定义登录页面带来更好的用户体验。如果您经营的是一家只有少数用户登录您网站的小型企业，您绝对可以使用 WordPress 默认登录页面。

但是，假设您的网站是一家在线商店，让客户通过无聊且无品牌的网关登录您的网站并不是一个好主意。

最佳做法是使登录页面与您的网站风格保持一致。

拥有 WordPress 自定义登录页面的另一个好处是增强您网站的安全性。通过更改默认的 WordPress 登录 URL，不受欢迎的用户无法轻松访问您的管理员登录页面。这有助于避免对您的站点进行不必要的攻击。

现在，让我们转到下一节，我们将指导您完成创建自己的登录页面的详细步骤。

自定义 WordPress 默认登录页面

您知道您可以用自己的徽标和链接替换 ​​WordPress 默认登录页面上的徽标和链接吗？

自定义登录页面徽标

要替换 WordPress 徽标，只需将以下代码片段添加到您的（子）主题的 functions.php 文件中。

函数 ppwp_custom_login_logo() { ?>

#login h1 a, .login h1 a {
背景图片：网址（https://passwordprotectwp.com/wp-content/themes/ppwp/img/ppwp-org-logo.png）；
高度：100px；
宽度：300px；
背景大小：300px 100px；
背景重复：不重复；
填充底部：10px；
}

此操作将使您创建的 PHP 文件成为页面模板。因此，您在后台编辑页面时会看到模板名称。

第 2 步：自定义您创建的模板文件

下一步是添加 PHP 代码以创建完整的登录表单。

添加登录表单