為什么wp_enqueue_style在這里不起作用？

Question

我正在用WordPress開發主題。 我的index.php和style.css位於主題目錄根目錄下的同一文件夾中。 我的css文件位於“ css”文件夾中，我的js文件位於“ js”文件夾中。 我想將CSS和JS添加到functions.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函數（以及我在google上找到的許多其他解決方案），但是這些都不起作用。 我不知道是什么問題。

這是文件樹的屏幕截圖

編輯：它不起作用，因為在CSS中未鏈接到php文件，它顯示純HTML文本。 如果打開開發工具，則不會顯示CSS屬性。

像那樣

謝謝 ！

Answer 1

wp_enqueue_ *和各自的wp_register_ *函數之間的主要區別在於，第一個將腳本/樣式添加到隊列中，第二個准備要添加的腳本/樣式。

您需要在該函數之后移動add動作，然后它將起作用：

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