Question

这可能很简单但我只是想确保我正确地做到了。基本上我一直使用子主题制作一堆Wordpress网站，通常style.css位于主题的根文件夹中，我一直在我的functions.php文件中使用它

<?php

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}

虽然这个文件存在于我正在使用的父主题中，但它是空白的，我意识到正在使用的CSS文件是一个不同的文件名并嵌套在

中

\THEME-NAME\framework\css\site\stacks\THEME-CSS.css而不是公正 THEME-NAME\style.css

因此，对于子主题，我必须重新创建该文件夹结构并将相同名称的THEME-CSS.css放在同一文件夹中，或者我将其称为style.css并将其放在子主题根文件夹中，就像它一样通常会？任何其他建议都会有所帮助。感谢。

Answer 1

要在子主题中添加样式表，这些是两个选项/行为：

// This will point to style.css in child theme
wp_enqueue_style( 'my_child_styles', get_stylesheet_directory_uri().'/style.css' );

// This will point to style.css in the parent theme
wp_enqueue_style( 'my_parent_styles', get_template_directory_uri().'/style.css' );

正如您所说，当使用get_template_directory_uri()时，路径将始终指向父主题文件夹。如果适用，使用get_stylesheet_directory_uri()指向当前/子主题文件夹。

如何在嵌套在不同文件夹和名称的Wordpress子主题中加载CSS文件？

1 个答案: