正在载入...

WordPress顶部出现空白的主要有两个原因,一个是使用PHP设计utf8编码的网页时,在windows使用默认的记事本编辑php源码,当你将*.php文件另存为utf-8编码格式的文件后,打开网页时,会在网页顶部出现一行空白;第二是给wordpress添加wp_header()之后使用chrome流浪器浏览在顶部出现空白,下面介绍一下解决方法:


WordPress添加wp_head()用chrome浏览顶部有空白解决办法

WordPress添加wp_head()后,自动添加一下代码:

<style type="text/css" media="screen">

html {margin-top:28px !important}

*html body{margin-top:28px ! important}

</style>

使用chrome浏览器浏览wordpress头部可能有空白,就算已经*{margin:0;}了,还是可能出这个问题啊。
删除wp_head()后就好了,然而有点时候这个函数会用到。
其实解决的方法很简单:

在前加</body>前添加<?php wp_footer(); ?>


解决PHP设计UTF8网页顶部空白的问题

windows下识别uft8文件的方式是读取文件头部是否有utf8 BOM头:“\xEF\xBB\xBF”这三个字符,如果有BOM头就把该文件识别为utf8文件,否则识别为ANSI编码文件。
当网页文件头部包含“\xEF\xBB\xBF”时,IE就不能忽略这3个字符,但Firefox和chrome是可以忽略这些字符的,所以在Firefox和chrome浏览器下没有空白的行,而IE下则有。
解决方法很简单:

使用 Notepad++ 文本编辑软件,将utf-8文件转换为 无BOM头 的utf-8文件即可

Notepad++ 的下载地址:

http://sourceforge.net/projects/notepad-plus/

本文链接:

关键词:PHP, WordPress, 代码, 顶部空白,

(全文完        )

Comments

哈哈,沙发有木有?!!!抢沙发快速评论

你需要 登录 才可以回复.