如何在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);