在子主题函数中加入两个以上的CSS样式。php

时间:2015-02-17 作者:lonely boy

我刚刚开始使用WordPress,并了解了儿童主题功能。所以这是我第一次这样做,我遇到了一些问题。

当我尝试预览子主题时formatting 整个场地的messed up.

我觉得是我的functions.php 因为我只排了一个队style.css 当我有三个的时候。

其他两个CSS文件只有几行代码。我可以把它们放在style.css 但我不想修改原始文件,这就是我使用子主题功能的原因。我也在这里学习更多关于这方面的知识,以供将来参考:)

这是我的functions.php

add_action( \'wp_enqueue_scripts\', \'theme_enqueue_styles\' );
function theme_enqueue_styles() {
wp_enqueue_style( \'parent-style\', get_template_directory_uri() . \'/style.css\' );
请开导我。

1 个回复
最合适的回答,由SO网友:Mayeenul Islam 整理而成

子主题模板在父主题之前开始工作,因此如果存在任何类似的模板文件(类似于父主题),它会尝试覆盖父主题的模板-这是子主题的核心。

将新样式表排入子主题的正确方法make it THE Child Theme 如下所示:

<?php
function theme_enqueue_styles() {
    wp_enqueue_style( \'parent-style\', get_template_directory_uri() . \'/style.css\' );
}
add_action( \'wp_enqueue_scripts\', \'theme_enqueue_styles\' );
functions.php 和astyle.css 具有proper Child Theme formatted comments 您将获得一个基于其父主题的全新主题。您就完成了。:)

现在是你的舞台,覆盖父主题的模板,覆盖父主题的样式。在我的一个项目中,我添加了FontAwesome父主题中缺少的内容,方式如下:

在上述函数中,我添加了一个新行:

wp_enqueue_style( \'fontawesome-style\', get_stylesheet_directory_uri() . \'/css/font-awesome.min.css\' );
注意,我正在使用get_stylesheet_directory_uri(), 因为现在我们正在使用新的资源,这就是覆盖样式表所在的位置。因此,所有其他样式表都可以这样排队:

结束

相关推荐

Child-theme breaks site

所以,我有一个子主题,里面除了所需的CSS文件之外什么都没有。一旦我激活了这个儿童主题,我的整个网站就关闭了。最后我有两个问题:激活一个只有CSS的子主题怎么能破坏我的网站</我怎样才能回到我原来的主题</这些是网站给我的错误:Warning: require_once(/wp-content/themes/interio_child/admin/options-framework.php) [function.require-once]: 无法打开流:中没有此类文件或目录/wp-c