子主题样式无效的解决方法

威言威语的 Weisay Heibai 主题点击这里下载) 蛮喜欢,想拿来试试。一般我都是用子主题。因为感觉版权声明部分有些字体不喜欢,想自己修改。但是,在建立了子主题后,style.css中的样式怎么都不起作用,在原主题里修改就起作用。

style.css

/*
Theme Name: My_heibai
Description: Child theme for the weisayheibai theme
Author: elecbench.com
Template: weisayheibai
*/

@import url(“../weisayheibai/style.css”);

.author_text a {color: #009900;}

.spostinfo {
color: #009900;
}

搜索谷歌,找到了解决办法

问题原因:在确认了文件没有问题,导入方式没有问题的情况下,查看页面源文件,发现有这么一行:
<link rel=”stylesheet” type=”text/css” href=”http://localhost/wordpress2/wp-content/themes/weisayheibai/style.css” />
很明显,这时候根本没有把子主题的CSS文件链接进来,而是还使用父主题的css文件。

解决方法:将父主题的header.php文件拷贝到子主题目录中,将其中的一行:
<link rel=”stylesheet” type=”text/css” href=”<?php bloginfo(‘template_directory’); ?>/style.css” />
修改为:
<link rel=”stylesheet” type=”text/css” href=”<?php bloginfo(‘stylesheet_url’); ?>”  />再次使用子主题测试,子主题中的style.css文件中的设置就起作用了。

PS:在谷歌上找到的解决办法中是修改为:
<link rel=”stylesheet” type=”text/css” href=”<?php bloginfo(‘stylesheet_url’); ?>”  media=”screen”/>
在我这里不行,去掉media=”screen”就可以了。

分享到: 更多
版权申明:

本站保留所有原创文章的版权,本站地址:奔跑的博客[http://www.elecbench.com]

原创文章转载时请注明出处,并添加文章所在页面的链接:http://www.elecbench.com/%e5%ad%90%e4%b8%bb%e9%a2%98%e6%a0%b7%e5%bc%8f%e6%97%a0%e6%95%88%e7%9a%84%e8%a7%a3%e5%86%b3%e6%96%b9%e6%b3%95/

本站所有 2010年3月4日 以后发表、未标明为“转载”的文章均是本站原创。

发表评论


(设置自己的个性头像)

*

申请属于你的免费顶级域名