如何在 PHP/WordPress 中正确地将样式和脚本排入队列答案

【问题标题】：how to properly enqueue styles and scripts in PHP/WordPress如何在 PHP/WordPress 中正确地将样式和脚本排入队列
【发布时间】：2016-11-04 13:09:20
【问题描述】：

我是 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)，但我不确定如何执行此操作。

任何帮助将不胜感激！

【问题讨论】：

是否有错误或为什么Bootstrap/jQuery 不起作用？

标签： php wordpress

【解决方案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' );

【讨论】：

很高兴继续提供帮助 :)

【解决方案2】：

你可以这样做：

    wp_enqueue_script( 'blog', get_template_directory_uri() . '/js/blog.js', array('jquery'), true );

【讨论】：