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

Posted 2021-04-08

我正在开发一个关于WordPress的主题。我的index.php和style.css位于主题目录根目录的同一文件夹中。我的css文件位于“css”文件夹中，我的js文件位于“js”文件夹中。我想在functions.php文件中将CSS和JS添加到索引（使用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');
}

但这不起作用。我尝试了'if'条件，我尝试使用wp_enqueue_style函数（以及我在google上找到的许多其他解决方案），但这些都不起作用。我不知道问题是什么。

这是file tree的截图

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

Like that

谢谢 ！

答案

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