WordPress的儿童主题多个CSS文件

我有一个WordPress主题，有多个样式表。WordPress的儿童主题多个CSS文件

我想使用儿童主题方法，并且我已成功导入样式表。示例：

@ import url ('../bluediamond-v1_04/style.css');

但是。那些已经开发了这个主题的人，使用了多个样式表，他们也位于不同的文件夹中，所以我尝试了这个。

@ import url ('../bluediamond-v1_04/stylesheet/foundation.css'); 
@ import url ('../bluediamond-v1_04/stylesheet/foundation-responsive.css'); 
@ import url ('../bluediamond-v1_04/style-custom.css'); 
@ import url ('../bluediamond-v1_04/style.css');

它无法正常工作。这是错的吗？我该怎么办？

希望你能帮上忙。

来源

2013-03-14 John Wildcard

从http://codex.wordpress.org/Child_Themes ...

必须有@import规则上面没有其他的CSS规则。如果您在其上面放置其他规则，它将会失效，并且父项的样式表不会被导入。

您应该只使用一个@import - 供主样式从父样式

@import url('../bluediamond-v1_04/style.css');

如果父样式编码正确，其他样式表应添加通过调用wp_register_style和wp_enqueue_style，这应该会自动发生在你身上。

如果您想要覆盖这些其他样式表，您需要在注册和排队自己的替换之前取消注册和退出样式。

请记住，您的孩子主题的functions.php文件是在父母的functions.php文件之前立即调用的，因此如果您想要定义一个操作来从父母注销/排除样式，则需要确保它运行具有比父级的functions.php文件中的动作更低的优先级（即，更高的优先级号）。

来源

2013-03-14 11:00:20

样式表需要通过html/php调用，您可以重写header.php中的链接（或任何其他调用额外css文件的页面）并将其放入您的子主题中。

也可以通过在每个css代码中添加！important来覆盖主子css文件中额外css文件中的css。（例如：#nav {background：none！important;）

许多主题还提供了向自动覆盖现有css的主题添加额外css规则的选项。这可以在管理中的“主题选项”下找到。

来源

2013-10-04 10:28:30

尝试有你@import URL（ “CSS本地”）位于下你的孩子主题的CSS描述。（第一行）这样

/* 
Theme Name:  Theme Name Child 
Theme URI:  
Description: Theme 
Author:   
Author URI:  
Template:  something 
Version:  1.0.0 
*/ 

/* =Theme customization starts here 
-------------------------------------------------------------- */ 
@import url("one-fourth.css");

我只有这个解决了。

来源

2014-04-26 09:41:17 bard

WordPress的儿童主题多个CSS文件

回答

相关问题