子主题中的多个.css文件

Question

首先使用WP中的子主题。

我在themes文件夹中创建了一个名为my-theme-name-child的新文件夹，并放置了style.css文件。

现在，原始主题有一个响应式样式表，位于my-theme-name / css / layout.css中，如何在我的子主题中复制它？

我在我的子主题中创建了文件夹css，并在那里创建了layout.css：

@import url("../my-original-theme/css/layout.css");

@media only screen and (min-width: 769px)

#header {
    padding: 20.618em 0 !important;
}

Answer 1

我会直接加载样式表。打开子主题中的functions.php并添加以下代码：

function wpse_load_parent_stylesheets() {
    wp_enqueue_style( 'layout', get_template_directory_uri() . '/css/layout.css' );
}
add_action( 'wp_enqueue_scripts', 'wpse_load_parent_stylesheets' );

对要加载的每个样式表重复wp_enqueue_style。