当前位置: 首页 > 网站开发 > 正文

修改wordpress页面顶部距离

关键字:
1 星2 星3 星4 星5 星 (1 次投票, 评分: 5.00, 总分: 5)
Loading ... Loading ...
baidu_share

WordPress默认页面顶部有一小段距离,看着不舒服。
右键,查看页面源文件,发现有如下一段代码:

1
2
3
4
<style type="text/css" media="screen">
	html { margin-top: 28px !important; }
	* html body { margin-top: 28px !important; }
</style>

以上css片段是由wp_head()函数生成的。要修改此css,需要修改wp-includes目录下面的admin-bar.php文件,修改代码为如下内容:

1
2
3
4
<style type="text/css" media="screen">
	html {display: block;
        }
</style>

备注:wp_head() 是wordpress的一个非常重要的函数,基本上所有的主题在header.php这个文件里都会使用到这个函数,而且很多插件为了在header上加 点东西也会用到wp_head(),比如SEO的相关插件。但是,在wp_head()出现的这个位置,会增加很多并不常用的代码。可以通过 remove_action移除这些代码。

本文固定链接: http://www.chepoo.com/modified-wordpress-page-top-distance.html | IT技术精华网

修改wordpress页面顶部距离:等您坐沙发呢!

发表评论