轩枫阁

首页 / WP视点 / wordpress自定义登陆界面风格

wordpress自定义登陆界面风格

前言

WP的后台登录界面,带有WP的logo及其他多余信息,看起来不个性,虽然很少人访问,但也要设计出自己的style。

效果

访问http://www.xuanfengge.com/wp-login.php

截图:本着简约的风格,对登录界面进行简单修改

xcvdfgv

 

教程

自定义登录界面也很简单,写一些样式就好

1. 修改functions.php

在主题目录下functions.php添加如下代码:

2. 新建css样式文件

如以上代码中第二行设置,在主题css文件夹下新建login.css

3. 编写样式

写在login.css的样式会覆盖初始的样式。这里不需要编写HTML代码,对于表现不足的地方,也只能用CSS来弥补了。而且现在CSS3很强大,利用伪元素::before、::after即可替代标签。接下来提供本站的样式代码(仅供参考,未做IE兼容)。

对于需要修改的样式,chrome下审查元素或F12,直接调试修改即可。

 

109/440
111/440

相关文章

文章评论

  • 这篇文章写得挺有感觉的!!

  • 不能直接编辑吗?必须通过函数模板来改?

    • 需要改代码的

  • 求助啊 我想去掉副标题或者副标题自定义应该怎么改啊 另外就是logo尺寸想大一点 原版的太小了

    • 改了半天 去不掉副标题

    • 标题在后台更改哦,logo得上传新图,并且用CSS定义

      • 标题我知道在后台改的 我想说 用了你的这个自定义登录页面 在你的代码中去掉哪个代码 就把我自定义登录页当中的副标题给去掉了

  • 主题css文件夹在哪啊login.css

    • 就放在主题里面

  • 学习了,谢谢。

  • 这个可以,又是春春…

  • 好牛逼的博主

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]