如何设计 WordPress 后台登录页面（使用 LoginPress）

网站搭建 完成后，会发现 WordPress 后台 的登入画面（输入帐密的地方），是长的比较单调一点，有些人可能想更换成自己的品牌风格。

或者你是从事网页设计行业，顾客希望能客制化 WordPress 后台登入页面，当然还有很多原因，都会可能有相关需求。

这篇文章，我会跟大家分享 LoginPress 这款插件，它是专门做 WordPress 后台登录页面的设计，功能很多而且是免费的（这里不讨论进阶版功能）。

好啰，那我们就开始吧。

• 1. 安装 LoginPress 插件
• 2. 一般设定
• 3. 动手设计登录页面
• 常见问题
• WordPress 学习资源

LoginPress 完整影片教程

---

1. 安装 LoginPress 插件

前往 WordPress 插件 > 安装插件，搜索 LoginPress，然后安装+启用。

完成后，就会看到侧边栏多了一个 LoginPress 的功能了。

---

2. 一般设定

前往 LoginPress > 设定，这是 LoginPress 基本设定的地方。 可直接使用预设值，有特别需求再调整即可。

• 登录顺序： WordPress 会员登录，用户帐号的输入方式。 分别有用户名 or Email 皆可 」、「 只有用户名 、 只有 Email 。
• Auto Remember Me：自动把“ 记住我 ”打勾。
• 卸载时删除设置：未来删除插件后，会把此插件的相关设定文档，ㄧ并删除。

---

3. 动手设计登录页面

接下来，就来设计 WordPress 后台登入页面啦。

前往 LoginPress > 自定义，这里有非常多可设定的项目，像是更换 Logo、更换背景、自定义表格宽度 / 阴影 / 颜色、欢迎&错误讯息、页尾设定等 ..。

由于大多数都已经中文化是满容易理解的，尾端也能切换不同的装置，进行响应式的调整（下图）。

好，下面就挑其中一些功能，进行介绍啰。

更换网站 Logo & 背景图片

前往商标，可设定网站 Logo、Logo 宽度 & 高度之类的 ..，也能在图片加上网址。 更多 Logo 设计+网站配色教程。

前往背景，可设定背景图片或是用纯颜色显示等 ..。

自定义界面 & 按钮美容

前往自定义，可调整表单透明度、宽度、输入框背景&文字颜色等..。

前往按钮美容，可调整按钮相关样式。

错误讯息&页脚表

前往错误讯息，这里是当登录输入错误时，会出现的警告提示，可以把Error的英文改为中文。

前往页脚表格，这是网站页尾的相关修改，可以打开版权说明&颜色设定等..。

以上都设定完成后，最后来看一下设定的成品吧。

太棒了，跟预设的 WordPress 登入画面，完全是不同的感觉：）

---

常见问题

原文链接：https://www.itaoda.cn/blog/11321.html，转载请注明出处。