为什么wp_enqueue_style在这里不起作用？

Question

我正在WordPress上开发一个主题。我的索引.php和样式.css位于主题目录根目录的同一文件夹中。我的css文件在"css"文件夹中，我的js文件在"js"文件夹中。我想将CSS和JS添加到函数.php文件中的索引(使用wp排队样式/脚本(

add_action( 'wp_enqueue_scripts', 'add_stylesheet' );
function add_stylesheet() {
wp_register_style('style', get_template_directory_uri() . '/style.css');
wp_register_style('plugins', get_template_directory_uri() . '/css/plugins.css');
wp_register_style('nav', get_template_directory_uri() . '/css/navigation-menu.css');
wp_register_style('shortcode', get_template_directory_uri() . '/css/shortcodes.css');
wp_enqueue_style('style');
wp_enqueue_style('plugins');
wp_enqueue_style('nav');
wp_enqueue_style('shortcode');
}

但这行不通。 我尝试使用"if"条件，我只尝试了wp_enqueue_style函数(以及我在谷歌上找到的许多其他解决方案(，但这些都不起作用。我不知道问题是什么。

这是文件树的屏幕截图

编辑 ：它不起作用，因为在 css 中没有链接到 php 文件，它显示纯 HTML 文本。如果我打开开发工具，它不会显示 CSS 属性。

诸如此类

谢谢！

Answer 1

wp_enqueue_*和各自的 wp_register_* 函数之间的主要区别在于，第一个将脚本/样式添加到队列中，第二个准备要添加的脚本/样式。

您需要将添加操作移动到函数之后，它将起作用：

function add_stylesheet() {
wp_register_style('style', get_template_directory_uri() . '/style.css');
wp_register_style('plugins', get_template_directory_uri() . '/css/plugins.css');
wp_register_style('nav', get_template_directory_uri() . '/css/navigation-menu.css');
wp_register_style('shortcode', get_template_directory_uri() . '/css/shortcodes.css');
wp_enqueue_style('style');
wp_enqueue_style('plugins');
wp_enqueue_style('nav');
wp_enqueue_style('shortcode');
}
add_action( 'wp_enqueue_scripts', 'add_stylesheet' );

更新的答案如下：

为什么不直接对样式进行排队，而不是注册然后对它们进行排队，如下所示：

function theme_scripts()
{
wp_enqueue_style('style', get_template_directory_uri() . '/style.css');

wp_enqueue_style('style'， get_template_directory_uri(( .'wp_enqueue_style('plugins'， get_template_directory_uri(( .'/style.css'(;'(;

}
add_action('wp_enqueue_scripts', 'theme_scripts');