WordPress 3.3 版背景功能失效解决方案

2011年12月17日11:00:28 62 6,951

随着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行找到:

  1. body.custom-background { <?php echo trim( $style ); ?> }  

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

  1. body { <?php echo trim( $style ); ?> }  

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

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

  1. <body <?php body_class(); ?>>  

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

方案三 用

  1. <body class="custom-background">

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

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

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

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

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

2、之后查找:

  1.  class="home"

修改为:

  1. id="home"

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

  1. <body <?php body_class(); ?>>

后,会在首页和分类页面自动生成".home"和.archive标签,与主题样式冲突,造成首页页面偏左和分类页面侧边字号变大。

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

打开archive.php查找: class="archive",改为 class="archive_c"

打开style.css,查找:

  1. .archive{   
  2.     font-size: 13px;   
  3.     line-height:24px;   
  4.     }  

.archive 改为 .archive_c

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

  1. <body class="custom-background">

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

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

 

weinxin
我的微信
分享交流WordPress经验与技巧,关注前端设计与网站制作。仅用于功能演示。
Begin主题购买
Begin主题购买

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:62   其中:访客  49   博主  8   引用   5

    • 小小鱼 4

      前排抢座。。。 我看下可以不可以用 哈

      • 资源共享 0

        好长时间没来博主看看了,今天一口气把没看的文章看完了… 也希望博主来我小站看看哦!资源共享http://www.f9f9.net

        • Shinekont 1

          暂时还没升级到3.3,等有空了,研究透网上讲的了,在留有后手升级

          • wmtimes 7

            原来 如此啊。

            • 数据库之家 2

              不错不错!

              • 时光的线条 4

                哈哈 没用背景 还真没发现这个问题

                • 筑梦者 2

                  方法二中吧.home替换为#home之后,首页菜单不管用了,之后我把模板中一系列head.php中的<a href="” title=”首 页” class=”home”>替换为<a href="” title=”首 页” id=”home”>后好用了,不知道改的对不对

                    • 知更鸟 Admin

                      @筑梦者 文章中已写,要仔细看

                        • 小z 4

                          @知更鸟 奇怪了呃!所有步骤一模一样 但是首页点击也无效啊!怎么办呢?就是那个主页按钮 ,其它导航按钮正常!你说的查找是!查找到的都改了的!是不是还要把其它的class=”home”改成id=”home”啊?

                            • 知更鸟 Admin

                              @小z 样式文件未修改,教程中写的很清楚
                              3、打开HotNewspro主题styles目录的所有样式文件,修改所有以”.home“开头的选择器为”#home“,有两处。

                                • 小z 4

                                  @知更鸟 7个我都改了的啊!

                                    • 知更鸟 Admin

                                      @小z 实在不行就用方案三

                                        • 小z 4

                                          @知更鸟 是不是还要把以header开头的模版文件其它的class=”home”改成id=”home”啊?

                                      • 小z 4

                                        @知更鸟 鸟哥,是改了的啊!

                                          • 知更鸟 Admin

                                            @小z 嗯,文章有误,已修改,有两处 class=”home”都改了

                                  • 郑州SEO 1

                                    鸟哥,升级3.3后CMS下首页底部左侧和右侧固定分类不在更新最新文章了。。本来以为是个案,查看了N多博友的和您的都是这样。麻烦您看下这个问题怎么解决。

                                      • 知更鸟 Admin

                                        @郑州SEO 我的没有任何问题

                                          • 郑州SEO 1

                                            @知更鸟 您注意看下,您昨天刚发布在wordpress分类下的《改变WordPress3.3后台默认显示字体》,昨天是17号。您在看下首页底部右侧的wordpress分类,显示的最新文章还是11月25号的

                                              • 知更鸟 Admin

                                                @郑州SEO 汗…
                                                主题自动排除上面已显示的文章,也就是在首页不会重复显示同一篇

                                                  • 郑州SEO 1

                                                    @知更鸟 原来是这样,以前没注意,今天凑巧发现了,还以为不兼容呢。。谢了。

                                            • 骤雨打新荷 3

                                              关注老大的主题很久了,一直测试中,终于等到3.3出来,有个新站打算用老大的主题了,嘿嘿!先感谢一下!

                                              老大自己用的是方案三吧。方案二、三我均已试过,都可以解决背景更改问题,但方案二用后发现网页顶部的home图标链接会失效,不知是不是我个人的问题,请老大再帮忙看看。

                                              另想请教老大,添加摘要后(摘要中已设置首行文字空两格),在首页和分类文章列表中首行文字却不能实现空二格效果是什么原因?,

                                              • 小径-1984 4

                                                哈哈哈,背景是白色的人飘过

                                                • fancl官网 1

                                                  很不错,学习下

                                                  • hushezhong 3

                                                    修改完后首页往左飘啦

                                                    • 青岛按摩 1

                                                      又学到了一个新方法 哈哈

                                                      • Bob 5

                                                        还是过段时间再升级吧,发现之前有些wp自带文件的修改已经不适用新版了……太懒了,懒得折腾,哈哈,先收藏!

                                                        • 狸狮 0

                                                          按方案二解决后,发现博客列表页右侧(小工具)的样式字体变大了,不知道大家有遇到没?

                                                          按方案三的话,就没有什么问题。

                                                          我很纠结,为什么方案二不行呢。。。。。

                                                          • 石家庄婚纱摄影 4

                                                            过来看一下学习了啊

                                                            • 精神力 0

                                                              前面说的 “按方案三的话,就没有什么问题。”

                                                              你说的方案二我也跟你一样,按方案三改的话,貌似也有问题啊,就是gray这个主题下网页顶部的导航栏home图标不见了。但是其它的blue、black等样式下就正常,唉,真搞不明白。。。

                                                              • 情歌 2

                                                                搜到这文章,解决了我的问题

                                                                • 晨光 5

                                                                  我目前用得还是2.4版本的

                                                                  • Jony 0

                                                                    升级3.3之后,小工具布局错乱,怎么解决?

                                                                    • tamwang 1

                                                                      我按方案三做了,不行,是直接用替换??还是要把下面的整段都删掉,然后直接贴上???
                                                                      PS:我把所有带header开头的都替换了

                                                                      • 蜗牛博客 2

                                                                        鸟哥,请问一下在wordpress 3.3中怎么实现首页显示文章的摘要?我在网上找了一下,以前的版本是通过修改这个来实现,可是我在3.3版本没有发现现在直接是content了,请问应该怎么改呢?谢谢

                                                                        • 雨樹&烏鴉 0

                                                                          读鸟哥的教程,受益匪浅啊,我用第三种方法解决的,多谢鸟哥指点………

                                                                          • 张自云 2

                                                                            大哥,我按方法三改后,其它页面都可以,但是首页却不行呢。另外登录后首页的上面的工具栏也没有了,其它页面有。这个如何解决呢》?

                                                                              • 知更鸟 Admin

                                                                                @张自云 估计是修改有误
                                                                                替换所有以header开头的模版标签,共有六个

                                                                                  • 张自云 2

                                                                                    @知更鸟 我是一个一个替换的啊。应该没有问题,只有主页不能显示,其它页面都正常。

                                                                                • 路人甲 0

                                                                                  wordpress3.3自定义顶部不能设置

                                                                                  • harlin 1

                                                                                    鸟哥就是强人啊 呵呵

                                                                                    • 童佳倩 3

                                                                                      使用第三种方法,亲测OK ~~~~

                                                                                      • 小板凳博客 1

                                                                                        我可以留言吗

                                                                                        • dgjiaqi 2

                                                                                          多谢了,终于恢复了背景

                                                                                          • 心灵之路 1

                                                                                            太好了我的网站终于有背景。

                                                                                            • blueman 4

                                                                                              太好了我的网站终于有背景。

                                                                                              • 单机游戏排行榜 0

                                                                                                什么都不说了!鸟哥太给力了!!!

                                                                                                • avrilong 1

                                                                                                  按方案三改好了,谢啦。

                                                                                                  • 晴天 0

                                                                                                    不错 好养的

                                                                                                    • 小Z 4

                                                                                                      blog模版背景没问题、换成CMS背景就显不出来了。。

                                                                                                      • 喜鱼水族 3

                                                                                                        按第三方案改好了。

                                                                                                        • 如是我闻 1

                                                                                                          感谢鸟分享主题。很喜欢。还不熟悉,希望通过泡鸟窝能学习到知识。另,支持鸟哥给有需要的鸟友提供有偿帮助。

                                                                                                          • 夜深丶烟花雨 1

                                                                                                            老师,我是新手,启用cms后,首页下面左右显示的栏目一样,有几行栏目还没内容,是怎么回事啊

                                                                                                              • 知更鸟 Admin

                                                                                                                @夜深丶烟花雨 因为文章太少

                                                                                                                  • 夜深丶烟花雨 1

                                                                                                                    @知更鸟 每个分类放了六篇文章,八个栏目都有内容了,可是每一行的两个栏目还是一样的

                                                                                                                • 萧萧雨兮 2

                                                                                                                  为什么我升级了WP最新版后,主页有背景,其他页面都没有背景图片呢???

                                                                                                                • 来自外部的引用: 5

                                                                                                                  • WordPress 3.3 设置背景功能失效解决方法 | 来哟网
                                                                                                                  • WordPress 3.3 版背景功能失效解决方案 | CludeChn's Blog
                                                                                                                  • WordPress 3.3 版背景功能失效解决方案 | PastDust'Blog
                                                                                                                  • WordPress 3.3 版背景功能失效解决方案 | BitGet
                                                                                                                  • WordPress 3.3 版背景功能失效解决方案 | 苏豪博客