投稿    登录
欢迎来访~

WordPress自定义登录注册界面样式及LOGO

PHP 崔庆才 10340浏览 3评论

扫码或搜索:进击的Coder

发送

即可立即永久解锁本站全部文章

WordPress主题做好了,但是登录界面还是原生的样子,带有WordPress的图标,现在我们想把Logo自定义成我们想要的样子。

原来的登录界面如下:

QQ截图20150204161421

现在开始,我们将把WordPress图标换做我们自定义的LOGO,首先要明确的是我们不能修改WordPress的源代码,因为如果有版本更新之类的操作,这个效果就找不到了,所以我们需要在主题下修改。

1.修改主题下的 functions.php 文件

在主题的最后面加入下面的代码,来引入一个CSS文件

也就是引入了 login 目录下的 icon.css 样式表。

2.新建 icon.css 文件

在主题目录下新建 login文件夹,然后新建 icon.css 文件,编码为UTF-8,然后拖入我们自定义的LOGO,命名为 logo.png

login目录里面是这样子的

QQ截图20150204162536

我的网站自定义的logo如下

logo

大家可以自己设计好的LOGO放入login目录下

在 icon.css 中加入如下代码

在以上代码中设定了背景图和宽高度还有背景图片的大小即可。

如果想添加其他样式,只要在 icon.css 文件中加入样式就好。

三、刷新预览

修改完之后,我们预览一下,大功告成啦!

效果图如下

QQ截图20150204162703

酷酷哒!小伙伴们快来尝试一下吧!

 

转载请注明:静觅 » WordPress自定义登录注册界面样式及LOGO

更多文章、联系博主、技术交流、商务合作

扫码或搜索:进击的Coder

进击的Coder

微信公众号 扫一扫关注

喜欢 (15)or分享 (0)

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请狠狠点击下面的

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址