css - 我的自定义 CSS 未加载 `wp_enqueue_script`

Question

我在我的主题文件中加入了我的 自定义 css，但它没有显示任何结果。当我检查源文件时，即 CTRL+U，它显示我的 custom-css 文件，但我的 CSS 文件不工作。

function child_theme_scripts_styles() {
    wp_enqueue_style( 'Awesome Font', get_stylesheet_directory_uri() . '/css/font-awesome.min.css', array(), '4.3.0' );
    wp_enqueue_style('Bootstrap-css', get_stylesheet_directory_uri(). '/css/bootstrap.min.css');
    wp_enqueue_script( 'bootstrap-min-js', get_stylesheet_directory_uri() . '/js/bootstrap.min.js', array(), '', true );
    wp_enqueue_script( 'custom-css', get_stylesheet_directory_uri() . '/css/custom.css' );
}
add_action( 'wp_enqueue_scripts', 'child_theme_scripts_styles' );

有什么帮助吗？

Answer 1

您正在使用 wp_enqueue_script 加载样式表文件。 Wordpress 无法识别您的 css 文件，因为您正在使用脚本进行链接。

使用这个

function child_theme_scripts_styles() {
    wp_enqueue_style( 'Awesome Font', get_stylesheet_directory_uri() . '/css/font-awesome.min.css', array(), '4.3.0' );
    wp_enqueue_style('Bootstrap-css', get_stylesheet_directory_uri(). '/css/bootstrap.min.css');
    wp_enqueue_script( 'bootstrap-min-js', get_stylesheet_directory_uri() . '/js/bootstrap.min.js', array(), '', true );
    wp_enqueue_style( 'custom-css', get_stylesheet_directory_uri() . '/css/custom.css' );
}
add_action( 'wp_enqueue_scripts', 'child_theme_scripts_styles' );

替换

wp_enqueue_script( 'custom-css', get_stylesheet_directory_uri() . '/css/custom.css' );

与

wp_enqueue_style( 'custom-css', get_stylesheet_directory_uri() . '/css/custom.css' );

引用访问

https://codex.wordpress.org/Function_Reference/wp_enqueue_style

https://codex.wordpress.org/Function_Reference/wp_enqueue_script