前端开发

 首页 > 前端开发 > css教程 > WordPress 3.3 版背景功能失效解决方案 - html/css语言

WordPress 3.3 版背景功能失效解决方案 - html/css语言

分享到:
【字体:
导读:
          随着WordPress 3.3正式版的发布,很多盆友都在第一时间将程序升级到最新版,不过很快发现某些具备背景功能的主题(包括HotNews主题)之前设置的背景失效了。WordPress早在2.8版就增加了自...

 

随着WordPress 3.3正式版的发布,很多盆友都在第一时间将程序升级到最新版,不过很快发现某些具备“背景”功能的主题(包括HotNews主题)之前设置的背景失效了。

 

WordPress早在2.8版就增加了自定义背景body_class()函数,直到3.0版才在默认主题中增加了“背景”功能,具备此功能的主题也不是很多,可能大部分主题设计者会觉得这个功能有些鸡肋,简单通过修改CSS样式就可实现的功能,没有必要增加一次数据库查询,但这句body_class()函数初衷,并不是为了简单更换整个站点所有页面的背景,而是方便设计人员灵活的控制不同页面中各个元素样式,大道理不说了,下面说一下具体的解决方案:

 

方案一 WordPress 3.3版在程序wp-includes目录theme.php中增加一个custom-background 标签,这是造成“背景”功能失效的问题所在,打开theme.php程序文件,在第1797行找到:

 

body.custom-background { }  

 

删除其中的 .custom-background 变为:

 

body { }  

 

此方法适合所有之前支持“背景”功能的主题,但需修改程序文件,本人不建议使用。

 

方案二 这是标准的解决的方案,打开默认主题Twenty Eleven的header.php模版,你会发现有一句:

 

>  

 

代替了正常的标签,这是关键,将上面的代码替换自己所使用主题header.php模板标签即可。

 

方案三 用

 

 

替换header.php模版标签,不让其增加额外的标签,此方法方便实用,适合所有主题。

 

下面专门说一下HotNews Pro 2.7Plus主题解决方案

 

一、HotNews主题,按方案一修改程序文件后,背景功能将恢复正常,其它无需改动。

 

二、由于HotNews主题功能结构复杂,如果按方案二操作,需修改的模版文件较多,有些麻烦,但通过折腾主题,你可能会学到更多的知识,下面开始操作:

 

1、HotNews Pro 2.7Plus主题有6个header模版,分别对应不同的页面布局,打开所有以header开头的模版文件,按方案二的方法替换所有标签。

 

2、之后查找:

 

 class="home"

 

 

修改为:

 

id="home"

 

 

共有两个,之所以要修改此标签,是因为增加:

 

>

 

后,会在首页自动生成".home"标签,与主题样式冲突,造成首页页面偏左。

 

3、打开HotNewspro主题styles目录的所有样式文件,修改所有以”.home“开头的选择器为”#home“,有两处。

 

4、最简单的方法就是采用方案三,只用:

 

 

替换所有以header开头的模版标签,让其不自动生成".home"标签,比较方便。

 

提示:修改中文模板需保证为UTF-8无BOM编码格式,建议在后台主题编辑功能中修改或者使用Notepad++等文本编辑软件,切记不能用系统自带的记事本编辑主题模版。

摘自 知更鸟

分享到:
改变WordPress3.3后台默认显示字体 - htm...
  WordPress3.2中文版后台默认显示字体是微软雅黑,可能由于WordPress3.3中文版制作有些仓促,新版并没有改变WordPress后台默认sans-serif字体,有点乱糟糟的感觉,如果你也钟爱微软雅黑字体,可以通过修改汉化文件改变后台显示字体,打开程序wp-content\languages目录下的zh_CN-administration-screens.css在最前...
卢松松:原来404页面可以这样做 - html/c...
  404页面是网站必备的一个页面,它承载着用户体验与SEO优化的重任。404页面通常为用户访问了网站上不存在或已删除的页面,服务器返回的404错误。如果站长没有设置404页面,会出现死链接,蜘蛛爬行这类网址时,不利于搜索引擎收录。        设置404页面的两大好处   1:引导用户不要关闭网站,增强用...
  •         php迷,一个php技术的分享社区,专属您自己的技术摘抄本、收藏夹。
  • 在这里……