轩枫阁

首页 / 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,直接调试修改即可。

 

104/435
106/435

相关文章

文章评论

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

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

    [返回曲谱列表]