如何创建自定义 WordPress 登录页面

您想创建自定义 WordPress 登录页面吗？ 如果是的话，您会在这里得到答案！

默认的 WordPress 登录页面不太能代表您的品牌形象。 创建自定义登录页面可以增强品牌认知度并增强网站的安全性，从而带来无缝的用户体验。

幸运的是，这个过程并不像听起来那么复杂。

在本文中，我们将向您展示如何使用 LoginPress 轻松创建自定义 WordPress 登录页面。

什么是 WordPress 登录页面？

WordPress 登录页面充当访问站点的网关。 用户只需输入电子邮件和密码即可进入。

几乎每个站点的默认 WordPress 登录页面都是相同的。 它有：

• 灰色背景
• 标志
• 简单的登录表格

它看起来是这样的：

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

以下是您可能想要创建自定义登录页面的一些最重要的原因：

• 品牌：自定义登录页面可让您通过自定义徽标、配色方案等保持一致的品牌标识。
• 安全性：您可以采取安全措施来增强 WordPress 的安全性，以保护自身免受暴力攻击。
• 用户体验：自定义登录页面创建了更加用户友好的界面。
• 功能：您可以通过集成附加功能（例如社交登录选项、自定义欢迎和错误消息等等）来改进登录页面的整体功能。
• 差异化：自定义登录页面有助于将您的 WordPress 网站与使用默认 WordPress 登录页面的其他网站区分开来。

自定义 WordPress 登录页面如下所示：

如何使用 LoginPress 创建自定义 WordPress 登录页面

您可以轻松创建自定义 WordPress 登录页面，即手动或使用插件。

手工工作需要编码，这要复杂得多。 然而，通过 WordPress 插件来做到这一点非常简单。

有多个 WordPress 登录页面定制器插件可供免费和付费使用。 在这里，我们将向您展示如何使用 LoginPress 轻松完成此操作。

LoginPress 是最好的 WordPress 登录页面定制器插件，它简化了创建自定义 WordPress 登录页面的过程。 它提供了各种设计选项，无需编码技能。

最好的部分是，一切都可以直接从 WordPress 管理仪表板完成。

第 1 步：安装并激活 LoginPress

要使用 LoginPress 创建自定义登录页面，您必须首先在 WordPress 网站上安装并激活 LoginPress。

为此，请转到WordPress 管理仪表板的左侧边栏 >导航到插件 > 添加新插件。

在下一个屏幕上，在搜索栏中搜索 LoginPress > 从搜索结果中找到该插件 >单击立即安装，然后单击激活按钮。

请参见下图。

第 2 步：开始自定义您的 WordPress 登录页面

现在，您已准备好自定义您的 WordPress 登录页面。 让我们开始吧！

1.可定制的登录页面主题

LoginPress 为默认的 WordPress 登录页面提供了漂亮的主题。 您可以选择最符合您口味的一款。

注意：您可以使用 LoginPress Pro 轻松为您的网站解锁精彩的其他主题。

见下图：

2. 自定义登录页面标志

LoginPress 允许您滑动默认的 WordPress 登录页面徽标。 它可以帮助您为登录页面添加个人风格。

添加徽标后，您可以在以下方面对其进行更改：

• 形象标识
• 标志宽度
• 标志高度
• 空间底部

… 和更多。

3.自定义背景颜色/图像/视频

无论是迷人的图像、纯色方案还是动态视频，LoginPress 都能确保背景增强您的品牌美感。

4. 自定义登录表单

LoginPress 允许您根据您的规格微调登录表单。 这使其更加用户友好，并保持与您的品牌风格的视觉一致性。

见下图：

5. 自定义登录按钮

LoginPress 使您能够创建时尚且引人注目的登录按钮，这些按钮可提示操作并与整体设计无缝融合。

您可以轻松添加：

• 按钮颜色
• 按钮边框颜色
• 按钮颜色（悬停）
• 按钮边框颜色（悬停）
• 按钮尺寸
• 按钮文字

……等等。

见下图：

6. 自定义错误和欢迎消息

LoginPress 允许您为用户创建自定义错误和欢迎消息。

错误消息涵盖了默认 WordPress 登录页面的各种操作，例如：

• 用户名错误留言
• 密码错误消息
• 空用户名留言
• 空密码消息

除此之外，自定义欢迎消息允许您在登录、注册和忘记表单上向用户致意。

见下图：

7. 自定义表单页脚

毫无疑问，自定义表单页脚可以补充登录表单。 它可以帮助您提供附加信息或强化您的品牌信息。

这是 LoginPress 再次介入的地方，可以更改登录表单页脚区域，并向默认的 WordPress 登录页面添加版权说明。

见下图：

8. 定制谷歌字体

您可以使用 LoginPress Pro 轻松选择精心挑选的与您的品牌产生共鸣的 Google 字体。

9. 自定义 CSS/JS

LoginPress 提供了自定义 CSS/JS 功能，可帮助您按照您想要的方式微调视觉元素，以实现插件核心功能所缺少的登录页面。

10.更多功能

除了自定义默认 WordPress 登录页面的整体外观和感觉之外，您还可以使用各种 LoginPress 功能轻松更改默认 WordPress 登录页面的默认行为。

例如，您可以：

• 强制密码重置：该插件使您能够在设定的持续时间后强制用户重置密码。

• 会话过期：您可以创建自定义会话过期时间，即 10 分钟。

• 自动记住我：此功能可帮助您始终选中登录表单的默认 WordPress 记住我选项。

• 自定义密码字段：将自定义密码字段添加到默认的 WordPress 注册表单。

• 登录顺序：使用 LoginPress，您可以更改默认的 WordPress 登录顺序，即用户名和电子邮件地址、仅用户名或仅电子邮件地址。

• PCI 合规性：现在，您只需单击一下 LoginPress，即可使您的登录页面符合 PCI 合规性。

除此之外，您还可以使用 LoginPress Pro 解锁有用的附加组件，以获得登录页面的其他令人兴奋的功能，例如：

• 登录注销菜单：这个免费的附加组件可让您为您的站点创建登录/注销菜单。

• 登录重定向：您可以使用此专业版附加组件在登录/注销时将用户重定向到您网站的所需页面。

• 社交登录： LoginPress Pro 社交登录插件可让您将社交登录（即 Facebook、Twitter、Google 和 LinkedIn）添加到您的网站。

• 登录小部件：您可以轻松地将登录小部件添加到 WordPress 网站的侧边栏，以便为您的网站添加额外的登录信息。

• 限制登录尝试：此附加组件可让您限制站点的登录尝试。 它最有助于抵御网络攻击。

• 自动登录： LoginPress Pro 自动登录附加组件使您能够创建一个魔术链接，用户可以使用该链接来访问您的网站，而无需任何用户名和密码。

• 隐藏登录：此附加组件可让您更改默认登录 URL，即 /wp-login.php，并使其只有您知道。 这是向网络犯罪分子隐藏您的登录 URL 的最佳方法。

结论

创建自定义 WordPress 登录页面可以丰富您的品牌形象并增强用户体验。

按照上述步骤，您可以完全控制默认的WordPress登录页面。 不要错过这个给您的访客留下深刻印象的机会。 另外，为您的品牌建立一致的视觉形象。

这就是本文的全部内容！

我们在多大程度上帮助您创建自定义 WordPress 登录页面？ 请在下面的评论部分留下评论让我们知道。

关于作者

Muhammad Adnan 是 WordPress 网页设计和开发公司 WPBrigade 的创始人。 他创立了 WPBrigade，专门从事 WordPress 开发，提供定制解决方案以满足客户的特定要求。