如何使用 LoginPress 自定义 WordPress 登录页面
您是否尝试过更改默认 WordPress 登录页面的外观或功能? 如果是这样,您知道这可能是一项涉及编辑核心 WordPress 文件的复杂工作。 好消息是, 有一个插件! 我们将使用 LoginPress 自定义登录页面定制器 做这项工作。
使您的 WordPress 登录页面独一无二
如果您是您网站的唯一 WordPress 用户,那么您可能从未考虑过默认登录页面。 但是如果您有其他用户或贡献者,您可能希望登录页面更好地匹配您的网站设计。 或者,您可能只是在寻找改善用户体验的方法。
LoginPress 使这些更改变得容易。 您不仅可以更改登录页面的外观,还可以更改默认消息。 否则,这将需要对 WordPress 登录文件进行复杂的更改,并且单枪匹马地证明安装插件是合理的。
如何将 LoginPress 添加到 WordPress
让我们安装插件,看看它是如何工作的。
1. 安装 LoginPress 插件
登录到您的 WordPress 管理面板。
在左栏导航中,将鼠标悬停在“插件”链接上,然后单击“添加新”链接。
在“搜索插件…”框中,输入“LoginPress”。
找到插件后,单击“立即安装”按钮。
现在插件已安装,但必须先激活才能使用。
单击“激活”按钮。
这样就完成了安装和激活。 现在让我们继续在您的网站上启动和运行插件。
2. 配置 LoginPress
激活插件后,它会在您的登录页面中添加背景图像。
在对登录页面进行任何更改之前,您可能需要调整一些默认配置。
在左栏导航中,将鼠标悬停在“LoginPress”链接上,然后单击“设置”链接。
第一次访问该插件时,它会要求您允许收集有关您网站的数据。 如果您不想发送您的站点数据,请单击“跳过此步骤”链接。
“设置”页面可让您访问六种设置。
- 会话过期 以分钟为单位设置管理会话到期时间。 这意味着如果 XX 分钟内管理部分没有任何活动,您将被注销。 默认情况下,没有设置超时。
- 自动记住我 让您在登录页面上预先选择“记住我”选项。 默认情况下禁用。
- 自定义密码字段 允许您将自定义密码字段添加到注册表单。 默认情况下禁用。
- 登录顺序 让您选择是否要求用户名或电子邮件地址登录(或两者)。
- 重置默认设置 删除您所做的任何自定义并重置默认插件值。
- 删除卸载设置 卸载插件时删除数据库表。 默认情况下它是禁用的,因此如果卸载插件,插件设置将保留。
如果您对设置进行了任何更改,请单击“保存更改”按钮。
3.更改登录页面的背景
插件提供的背景图片很漂亮,但让我们更改它并开始我们的自定义登录。
表单外观的更改是在 WordPress 定制器中进行的。 要访问它,在左栏导航中,将鼠标悬停在“LoginPress”链接上,然后单击“Customizer”链接。
有很多可用的选项。 其中一些要求您购买插件的“专业”版本。 我们将专注于免费版本中可用的内容。
要快速访问某些功能,请将鼠标悬停在登录页面预览上。 您会看到许多编辑链接出现。
我们将首先单击“更改背景”图标。
该插件提供了许多图像。 您可以单击其中一个将其加载到预览中。
但您也可以通过上传或从媒体库提供自己的图像。
在左栏中,向下滚动并单击“选择图像”按钮。
这将打开 WordPress 图像叠加层,让您上传图像或从媒体库中选择一个。
我从媒体库中选择了一张图片并将其添加为背景。
要随时保存更改,请单击左栏中的“发布”按钮。
除了设置页面背景图片外,您还可以设置第二张图片作为表单背景。
4.更改登录表单的背景
单击左侧栏中的“自定义登录表单”。
然后在“表单背景图像”下,单击“选择图像”按钮。
在这里,我从媒体库中选择了另一个图像,它成为表单背景。
虽然我们仍在“自定义登录表单”部分,但还有另一种方式来展示您的页面背景图像。
单击“启用表单透明度”切换按钮,看看会发生什么。
5.更改登录页面文本颜色和大小
那个透明的表格很酷,但现在我们无法阅读表格周围的所有文字。
我们将通过将文本更改为较浅的颜色并使其更大且更易于阅读来解决此问题。
将鼠标悬停在预览上,然后单击“自定义导航”链接。
在左栏中,我们将更改页脚文本的颜色并增加字体大小。
现在“丢失密码”和“返回”链接清晰易读,更加突出。
6.更改其他页面元素
页面的每个元素都可以按照我们更改背景图像和表单文本的方式进行更改。 这里只是其中的几个亮点。
可以更改按钮颜色、大小和填充:
可以编辑所有登录表单错误消息:
可以编辑所有登录表单对话框:
几乎登录、注册和丢失密码页面的每个元素都可以更改和调整。 包含:
- 商标
- 背景
- 登录表格
- 忘记密码表格
- 纽扣
- 错误信息
- 欢迎留言
- 表格页脚
如果您卸载 LoginPress 插件会发生什么
如果您卸载插件,您的登录页面将恢复为默认的 WordPress 登录。
该插件在卸载插件时不会删除的选项数据库表中创建条目。 (即使您激活了“卸载时删除设置”设置。)
如果您需要删除数据库条目,请查看包含“loginpress”的选项行。
这是它们在 phpMyAdmin 中的样子:
自定义 WordPress 登录页面从未如此简单
全部 WordPress 插件使用服务器资源,可能会增加页面加载时间。 但是考虑到使用 LoginPress 更改登录页面是多么容易,这种权衡可能是合理的。
当您考虑手动更改登录页面所涉及的内容时,您会看到使用 LoginPress 的好处。 它将为您节省大量时间和麻烦。
该插件的付费版本是 有点贵 就插件而言。 但是“启动”层和更高层拥有一些令人印象深刻的附加组件。 社交帐户登录、登录小部件、限制登录尝试、隐藏登录甚至自动登录用户的能力。
有了这些附加功能和插件提供的节省时间,这是我可以推荐的一个“专业”升级。
您是否尝试过手动更改您的 WordPress 登录页面? 您能从简单的登录页面定制中受益吗?
与往常一样,请在评论中告诉我。 我很想听听你的意见。