子主题本地css没有被应用

时间:2013-07-21 10:44:08

标签: css wordpress wordpress-theming

我是整个WordPress主题的新手,所以请在我尝试解释问题时请特别注意,特别是在孩子css的大多数答案适用于style.css之后。

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

我的问题是包含app.css的本地css文件夹,没有设置bootstrap.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">

任何人都可以解释我所缺少的东西,因为它让我头疼或最终解决了这个问题。

由于

2 个答案:

答案 0 :(得分:0)

仍然没有特定的解决方案,但在根组页面上询问相同的问题之后,我被告知根本意图是'初级主题',而不是父母。

有效地意味着根周围的编码使得难以用作儿童主题。

我的建议是对app.css文件进行css更改,这意味着bootstrap css保持不变,并且您的更改在一个页面中。

希望这有助于某人。

答案 1 :(得分:0)

为什么不尝试在child-theme 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文件。仅仅保留与父主题相同的文件名和结构也无济于事。

任何人都知道在更新我的父主题后如何保留我对这些文件的更改?