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

Question

我是新来的WordPress/PHP，我试图创建一个主题，在教程期间使用wp_enqueue_style /脚本来加载css/js文件由于某种原因，我似乎无法得到引导/ 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'); 

Answer 2

你可以这样做：

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