如何在 PHP/WordPress 中正确排列样式和脚本

Question

我是 WordPress/PHP 的新手，我正在尝试创建一个主题，在教程中它说使用 wp_enqueue_style/script 来加载 css/js 文件但是由于某种原因我似乎无法获得 Bootstrap/JQuery工作，这是我在functions.php中的代码：

function rixcy_scripts() {
    wp_enqueue_style( 'bootstrap', get_template_directory_uri() . '/css/bootstrap.css', array(), '' );
    wp_enqueue_style( 'blog', get_template_directory_uri() . '/css/blog.css' );
    wp_enqueue_script( 'bootstrap', get_template_directory_uri() . '/js/bootstrap.js', array('jquery'), true );
}

add_action( 'wp_enqueue_scripts', 'rixcy_scripts' );

我还想添加我自己的自定义 javascript 文件 (blog.js)，但我不确定如何执行此操作。

任何帮助将不胜感激！

Answer 1

是的，您在 WordPress 中添加 css 和 js 的代码是正确的，但您需要为每个 css 和 js指定唯一名称

试试下面的代码：

function rixcy_scripts() {
    wp_enqueue_style( 'bootstrap-css', get_template_directory_uri() . '/css/bootstrap.css', array(), '' );
    wp_enqueue_style( 'blog', get_template_directory_uri() . '/css/blog.css' );
    wp_enqueue_script( 'bootstrap-jquery', get_template_directory_uri() . '/js/bootstrap.js', array('jquery'), true );
    wp_enqueue_script( 'blog-js', get_template_directory_uri() . '/js/blog.js', array('jquery'), true );

}

add_action( 'wp_enqueue_scripts', 'rixcy_scripts' );