子主题中的多个 .css 文件

Question

首先在 WP 中使用子主题。

我在主题文件夹中创建了一个名为 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

在您的子主题的css文件夹中创建layout.css后，您必须在子主题的function.php中编写以下函数，以便加载它：

function load_child_stylesheet() {
    wp_enqueue_style( 'layout', get_stylesheet_directory_uri() . '/css/layout.css' );
}
add_action( 'wp_enqueue_scripts', 'load_child_stylesheet' );

你可以参考this的文章，里面有类似的问题

Answer 2

我会直接加载样式表。在您的子主题中打开 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。