子主题本地css未被应用

Question

我对整个WordPress主题都是新手，所以当我尝试解释这个问题时，请耐心等待，特别是在大多数答案适用于style.css之后。

我已经下载了根主题，然后用它创建了一个子主题，这样我就可以玩这个主题而不会引起任何问题。

我的问题是包含app.css、bootstrap.css等的本地css文件夹没有设置。

使用与父主题相同的文件夹结构，我注意到本地文件夹仍然加载父级本地文件夹，而不是子级的本地文件夹。

我得到的是：-

<link rel="stylesheet" href="http://localhost:8080/infinity/wp-content/themes/parent-theme/assets/css/bootstrap.css">

我所期待的是:-

<link rel="stylesheet" href="http://localhost:8080/infinity/wp-content/themes/child-theme/assets/css/bootstrap.css">

谁能解释一下我错过了什么，因为它让我头疼，或者最终是这个问题的可能解决方案。

谢谢

Answer 1

仍然没有具体的解决方案，但在根组页面上问了同样的问题后，我被告知根是一个“起始主题”，而不是一个父主题。

有效地意味着围绕根的编码使得它很难用作子主题。

我的建议是对app.css文件进行css更改，这意味着引导css保持不变，而您的更改在一个页面中。

希望这对某些人有帮助。

Answer 2

为什么不尝试在你的子主题style.css中导入你需要的css文件呢？

似乎父主题的覆盖只适用于style.css和wordpress模板php文件。因此，根据您的情况，在您的儿童主题style.css中尝试以下内容：

/*
Theme Name:     xxx Child
Theme URI:      http://example.com/
Description:    Child theme for the xxx theme
Author:         Your name here
Author URI:     http://example.com/about/
Template:       xxx                             
Version:        0.1.0
*/
@import url("../xxx/style.css");
@import url("assets/css/bootstrap.css");
@import url("assets/css/app.css");
@import url("etc.");
/*Here goes other styles*/

我也遇到了类似的问题，但困扰我的是一个js文件和一些非模板的php文件。仅仅保持与父主题相同的文件名和结构是没有用的。

有人知道如何在更新父主题后将我的更改保存到这些文件中吗？