我正在为Wordpress主题“ Jupiter”设置子主题。阅读Wordpress documentation时,它会显示“ .....以下示例函数仅在您的父主题仅使用一种主要样式.css容纳所有css时起作用。如果您的子主题具有多个.css文件(例如ie.css,style.css,main.css),则必须确保维护所有父主题依赖项。
Jupiter有多个.css文件。那么,如何正确设置呢?我对此很陌生,以至于我不知道父主题的依赖性是什么。
我发现了这个问题,因为我试图在子主题的.css文件中实现自定义CSS,但是它没有覆盖父主题。我认为这是问题所在。如果我使用!important,则我的子主题的CSS将被覆盖。
这是我当前的functions.php文件代码:
<?php
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
$parent_style = 'jupiter-style';
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')
);
}