所有分类
  • 所有分类
  • WP插件Pro
  • HTML模板
  • 微信小程序模板
  • 源码

如何设计 WordPress 后台登录页面(使用 LoginPress)

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

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

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

好啰,那我们就开始吧。

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

LoginPress 完整影片教程

如何设计 WordPress 后台登录页面(使用 LoginPress)?

1. 安装 LoginPress 插件

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

安装 LoginPress 插件
安装 LoginPress 插件

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


2. 一般设定

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

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

3. 动手设计登录页面

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

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

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

LoginPress教程 :多种设置选项
LoginPress教程 :多种设置选项

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

更换网站 Logo & 背景图片

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

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

自定义界面 & 按钮美容

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

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

LoginPress教程 :登录接口&按钮设置
LoginPress教程 :登录接口&按钮设置

错误讯息&页脚表

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

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

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

太棒了,跟预设的 WordPress 登入画面,完全是不同的感觉:)


常见问题

适合客制化设计 WordPress 后台登录页面,是哪一款插件呢?

我是用 LoginPress 这款插件,因为一来它有中文化翻译,二来能够定制调整的幅度很大,通常都能做出想要的设计感觉。

如果还有更多的 WordPress 后台登入画面的设计需求,要如何处理呢?

假如现有的 LoginPress 免费版功能,无法满足你的需求,就可能要考虑使用进阶版(但需确认一下是否有你要的功能)。

或是使用 CSS 代码,针对想修改的地方,用程序码的方式调整

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

0
使用和安装有任何问题
请加客服QQ:1442071397 或wechat:pufei889


免责声明

本站所发布的部分内容自网络,该部分内容限用于学习和研究目,有版权问题的,下载后的24个小时之内,从您的电脑中彻底删除。且不得将用于商业或者非法用途,否则,一切后果请用户自负,与本站无关。

评论0

请先
没有账号?注册  忘记密码?

社交账号快速登录

温性提示

演示站服务器在国外,网站打开速度有点慢,请耐心等待

多功能、多行业外贸商城 wordpress商城WOOCOMMERCE

23+
行业模板