Question

我在我的主题文件中加入了custom 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

我的自定义css没有加载`wp_enqueue_script`

1 个答案: