修改 WordPress Roots 主题的麻烦答案

【问题标题】：Troubles modifying WordPress Roots theme修改 WordPress Roots 主题的麻烦
【发布时间】：2023-03-24 21:40:01
【问题描述】：

有人告诉我，如果我将 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本身，那我该怎么修改呢？

【问题讨论】：

【解决方案1】：

你可以添加任何你想要的 css 样式，但你必须将它添加到位于主题文件夹中的 assets/css/app.css 文件中。

您没有修改 bootstrap.css 或任何其他核心文件是对的。只需修改：

为添加 CSS 样式，您可以编辑 assets/css/app.css
对于您的 .js 自定义添加，您编辑 assets/js/main.js 并将任何 javascript 插件放入 assets/js/plugins.js 中
为您的 .php 自定义添加到主题（如 php 函数），您可以编辑 lib/custom.php（或者您也可以创建新文件并包含主题）

这样你就可以正确更新主题了。

如果它仍然没有被应用，原因可能是 css 的特殊性。

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

在找到更好的解决方案之前使用此临时方法。

【讨论】：

你能解释一下为什么我不能把原来的 style.css 添加到 head.php 并修改它吗？因为在 app.css 中进行修改确实可以解决问题。
app.css 是添加的最后一个 css 文件，并且由于在 CSS 中应用了最后一条规则，因此将应用 app.css。 Style.css 在 Roots 中不包含任何 css 规则。添加 app.css 只是 Roots 跟踪自定义 css 样式的方式。
更新也更容易。知道您所有的自定义修改是否可以在不破坏主题的情况下替换所有其他文件。
但是要回答你的问题。您应该在 scripts.php 而不是 head.php 中添加任何其他 css 文件。在 head.php 中添加它会被 bootstrap.css 中的样式规则覆盖。为什么？因为在 head.php 之后包含 scripts.php。同样在 scripts.php 中，app.css 在 bootstrap.css 之后，这就是为什么 app.css 将像我之前所说的那样最后应用。
如果 app.css 在 bootstrap.css 之后加载，为什么有时你必须使用 !important？每当我想更改背景颜色和东西时都会发生这种情况。

【解决方案2】：

你真的不应该使用 !important 除非你真的别无选择（这应该很少见）。未应用您的自定义样式的原因是 CSS“特异性”规定其他规则比您的自定义规则更相关/更重要。让您的自定义 CSS 规则比 Bootstrap 的更“重要”，您的样式就会显示出来。

编辑：这是对另一个线程中最后一个帖子的回复，但我不知道如何回复那个帖子。我是新来的！道歉！

【讨论】：

你不能以你的声望将 cmets 添加到其他人的帖子中（所以不要太震惊，如果你这样做会得到一些严厉的回应）。除了回答原始问题之外，发布任何其他问题的答案都不是很好。等一下，在回答/提问后，您就可以发表评论了。