修改WordPress Roots主题的麻烦

时间:2012-10-01 07:38:44

标签: wordpress twitter-bootstrap

有人告诉我,如果我使用Roots主题进行wordpress,如果我开发wordpress网站,它将节省我的时间和精力。但是,我无法对主题进行任何修改,style.css不包含在网站上,即使我将其包含在其他样式表之后,它也不会做任何事情,因为我尝试过最简单的事情以往:

h1{display:none;}

我也试过在https://github.com/retlehs/roots/blob/master/doc/README.md阅读文档 和引导文档http://twitter.github.com/bootstrap/index.html但我仍然无法进行任何修改。我不敢修改bootstrap.css本身,所以我该如何修改它?

2 个答案:

答案 0 :(得分:4)

您可以添加所需的任何CSS样式,但必须将其添加到主题文件夹中的assets / css / app.css文件中。

你没有修改bootstrap.css或任何其他核心文件。只需修改:

  1. 为您的css样式添加,您可以编辑assets / css / app.css
  2. 为你的.js自定义添加你编辑assets / js / main.js你把任何javascript插件放在assets / js / plugins.js
  3. 为你的.php自定义添加主题(如php函数)你编辑lib / custom.php(或者你也可以创建新文件并包含主题)
  4. 这样您就可以正确更新主题。

    如果仍未应用,原因可能是css特异性。

    以下是更多信息:http://www.w3.org/TR/selectors/#specificity

    作为最后的手段,您可以使用:
    h1 {display:none!important;}

    使用此临时文件,直到找到更好的解决方案。

答案 1 :(得分:1)

你真的不应该使用!important除非你真的别无选择(这应该是罕见的)。您的自定义样式未应用的原因是CSS“特异性”指示其他规则比您的自定义规则更相关/更重要。使自定义CSS规则比Bootstrap更“重要”,您的风格将会显示出来。

以下是更多信息:http://www.w3.org/TR/selectors/#specificity

编辑:这是对另一个帖子中最后一篇文章的回复,但我不知道如何回复那个帖子。我是新来的!道歉!