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

Question

我正在 WordPress 上开发一个主题。我的 index.php 和 style.css 在同一个文件夹中，在主题目录的根目录下。我的 css 文件在“css”文件夹中，我的 js 文件在“js”文件夹中。我想将 CSS 和 JS 添加到 functions.php 文件中的索引(使用 wp enqueue 样式/脚本)

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');
}

但这行不通。我尝试了“如果”条件，我只尝试了 wp_enqueue_style 函数(以及我在谷歌上找到的许多其他解决方案)，但这些都不起作用。我不知道问题出在哪里。

这是 file tree 的屏幕截图

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

Like that

谢谢!

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');