请讲解子主题的多个样式表的导入过程

时间:2017-03-28 作者:kyofanatic1

所以我想为高级主题报纸7创建一个儿童主题。我已经阅读了一些教程,并在这里阅读了一些答案,但我仍然不理解将样式表导入子主题的过程。

报纸7有三个样式表:样式。csseditor样式。cssstyle woocommerce。css

我需要将这三个都添加到我的孩子主题中,但基于wordpress codex示例,我不知道如何做到这一点。请帮助我编辑下面的示例以满足我的需要。我知道如何使用css,但这些函数让我很困惑。

Wordpress codex示例:

    <?php
add_action( \'wp_enqueue_scripts\', \'my_theme_enqueue_styles\' );
function my_theme_enqueue_styles() {

    $parent_style = \'parent-style\'; // This is \'twentyfifteen-style\' for the Twenty Fifteen theme.

    wp_enqueue_style( $parent_style, get_template_directory_uri() . \'/style.css\' );
    wp_enqueue_style( \'child-style\',
        get_stylesheet_directory_uri() . \'/style.css\',
        array( $parent_style ),
        wp_get_theme()->get(\'Version\')
    );
}
?>
编辑:这就是我现在使用的代码,但它不起作用。我需要导入编辑器样式。css或我的网站中断。请帮我找出我做错了什么。

    <?php
function my_theme_enqueue_styles() {

    $parent_style = \'parent-style\'; // This is \'newspaper-style\' for the Twenty Fifteen theme.

    wp_enqueue_style( $parent_style, get_template_directory_uri() . \'/style.css\' );
    wp_enqueue_style( \'editor-style\', get_stylesheet_directory_uri() . \'/editor-style.css\' );
    wp_enqueue_style( \'style-woocommerce\', get_stylesheet_directory_uri() . \'/style-woocommerce.css\' );
    wp_enqueue_style( \'child-style\',
        get_stylesheet_directory_uri() . \'/style.css\',
        array( $parent_style ),
        wp_get_theme()->get(\'Version\')
    );
}
add_action( \'wp_enqueue_scripts\', \'my_theme_enqueue_styles\' );
?>
编辑:我找到了我需要的代码。我发现主题创建者制作了一个儿童主题演示,我在那里找到了答案。

1 个回复
SO网友:scott

您所需要做的就是从子主题导入样式表。如果样式表中的标题正确,wordpress将理解您的主题继承自父主题,并将自动导入该主题。

相关推荐

通过主题定制器编辑style.css

直到现在,在我的Wordpress主题中,我在主题定制器中实现了一些必要的样式选项,这些选项将编辑CSS并通过将CSS输出到头部内部来覆盖它<style> 标记,例如,这里我实现了颜色选择器,如果默认状态发生更改,我会输出样式:function dc_get_gradient_colors() { $first_color = get_theme_mod( \'primary_color_1\' ); if ( $link_color != \'#0