css - 链接 wordpress 自定义 Bootstrap 样式表

Question

我试图将我的 WordPress 样式表链接到不同目录/子文件夹中的子主题，它似乎不起作用。下面是我将它放在 functions.php

中的代码

function theme_add_bootstrap()
{
    wp_enqueue_style( 'bootstrap-css', get_template_directory_uri() . 'assets/css/bootstrap.min.css' );
    wp_enqueue_style( 'style-css', get_template_directory_uri() . 'assets/css/custom.css' );
    wp_enqueue_script( 'bootstrap-js', get_template_directory_uri() . 'assets/js/bootstrap.min.js', array(), '3.0.0', true );
}

add_action( 'wp_enqueue_scripts', 'theme_add_bootstrap' );

我尝试将@import 语句放在style.css 中，它也不起作用。

Answer 1

使用这个:-

function theme_add_bootstrap()
{
    wp_enqueue_style( 'bootstrap-css', get_template_directory_uri() . '/assets/css/bootstrap.min.css' );
    wp_enqueue_style( 'style-css', get_template_directory_uri() . '/assets/css/custom.css' );
    wp_enqueue_script( 'bootstrap-js', get_template_directory_uri() . '/assets/js/bootstrap.min.js', array(), '3.0.0', true );
}

add_action( 'wp_enqueue_scripts', 'theme_add_bootstrap' );

请记住，get_template_directory_uri() 将为您提供没有 / 的目录 uri 路径。所以你需要在这个函数之后添加/。

希望这对你有用。