Wordpress儿童主题与多个css文件

Question

我正在学习Wordpress。我想创建一个儿童主题来开始玩它。

我选择使用免费的bootstrap 3主题用于Wordpress，Zerif Lite：https://themeisle.com/demo/?theme=Zerif%20Lite#

我已经在线学习了一些关于如何创建子主题的教程。我能够创建一个新的子主题，激活它，但是，父css文件和子css文件正在呈现ABOVE bootstrap css文件。我想在它下方加载它们。

此外，Zerif Lite主题使用单独的css文件进行响应式设计。我该如何生孩子？

您可以在此处看到我正在处理的实时演示：https://www.dev.hitcontinue.eu

谢谢。 /比拉尔

Answer 1

样式很可能在主题functions.php文件中排队。以下是我的主题在我使用的Law Firm网站上排队bootstrap css的方式。

wp_enqueue_style( 'bootstrap-style', get_template_directory_uri() . '/css/bootstrap.min.css', array(), '3.3.5' );

第三个参数是先决条件数组。在这种情况下，bootstrap没有先决条件，因此它是空的。

在您的子主题目录中，创建一个functions.php文件。

如果你使用bootstrap作为先决条件将你的风格排入队列，那么它应该在bootstrap之后出现 - 这就是我的工作方式：

wp_enqueue_style( 'btc-style', get_template_directory_uri() . '/style.css' , array ('bootstrap-style') );

注意我使用'bootstrap-style'作为加载自定义CSS之前加载的先决条件，这是上面第一个声明中使用的句柄（第一个参数）。

至于覆盖父主题中的响应文件 - 我只会在子主题中使用一个CSS文件来进行所有更改。任何未覆盖的内容仍将按照主题作者的意图运行。