如何在wordpress子主題的functions.php中添加多個腳本？

-1

我確實嘗試將我的腳本放在functions.php中，但它並不僅僅顯示字體真棒和all-script.js，而是另一個腳本不工作。我想添加5個腳本。我怎麼做。我想我在這裏犯了一些錯誤。我不是編碼員，所以我希望你能理解傢伙。謝謝如何在wordpress子主題的functions.php中添加多個腳本？

//enqueues our locally supplied font awesome stylesheet 
function enqueue_our_required_stylesheets(){ 
    wp_enqueue_style('font-awesome', get_stylesheet_directory_uri() . '/assets/css/font-awesome.min.css'); 
    wp_enqueue_script('script', get_stylesheet_directory_uri() . '/assets/js/all-script.js'); 
    wp_enqueue_script('script', get_stylesheet_directory_uri() . '//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.2/jquery.min.js'); 
    wp_enqueue_script('script', get_stylesheet_directory_uri() . '/libs/jquery/scrpt-1.js'); 
    wp_enqueue_script('script', get_stylesheet_directory_uri() . '/libs/jquery/scrpt-2.js'); 
    wp_enqueue_script('script', get_stylesheet_directory_uri() . '/libs/jquery/scrpt-3.js'); 
    wp_enqueue_script('script', get_stylesheet_directory_uri() . '/libs/jquery/scrpt-4.js'); 
    wp_enqueue_script('script', get_stylesheet_directory_uri() . '/libs/jquery/scrpt-5.js'); 
} 
add_action('wp_enqueue_scripts','enqueue_our_required_stylesheets');

來源

2017-10-06 dk-pramis

try代碼的這一行：

function enqueue_our_required_stylesheets(){ 
    wp_enqueue_style('font-awesome', get_stylesheet_directory_uri() . '/assets/css/font-awesome.min.css'); 
    wp_enqueue_script('script-all', get_stylesheet_directory_uri() . '/assets/js/all-script.js'); 
    wp_dequeue_script('jquery'); 
    wp_enqueue_script('script-jquery', get_stylesheet_directory_uri() . '//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.2/jquery.min.js'); 
    wp_enqueue_script('script-1', get_stylesheet_directory_uri() . '/libs/jquery/scrpt-1.js'); 
    wp_enqueue_script('script-2', get_stylesheet_directory_uri() . '/libs/jquery/scrpt-2.js'); 
    wp_enqueue_script('script-3', get_stylesheet_directory_uri() . '/libs/jquery/scrpt-3.js'); 
    wp_enqueue_script('script-4', get_stylesheet_directory_uri() . '/libs/jquery/scrpt-4.js'); 
    wp_enqueue_script('script-5', get_stylesheet_directory_uri() . '/libs/jquery/scrpt-5.js'); 
} 
add_action('wp_enqueue_scripts','enqueue_our_required_stylesheets');

來源

2017-10-06 07:11:14

你需要使用它們之前註冊腳本和樣式，你應該使用不同的手柄，每個腳本和樣式.correct格式

function enqueue_our_required_stylesheets(){ 
     wp_register_style('font-awesome', get_template_directory_uri() . '/assets/css/font-awesome.min.css'); 
     wp_enqueue_style('font-awesome'); 
     wp_register_script('script', get_template_directory_uri(). '/assets/js/all-script.js'); 
     wp_enqueue_script('script'); 

    }

注意：你不需要註冊jQuery的，因爲它是由wordpress自己註冊的，你可以直接入隊他們，而無需註冊。你可以通過編碼中的wp註冊腳本在https://developer.wordpress.org/reference/functions/wp_register_script/#core-registered-scripts

來源

2017-10-06 05:08:50

你需要爲每個腳本使用唯一的標識符（wp_enqueue_script的第一個參數）。由於您在每種情況下都使用script，因此WordPress會忽略除第一個之外的所有內容，並認爲它已經加載，因此加載它兩次並不明智。

給他們一些有意義的名字，你就可以使用需求（第三個參數）告訴wordpress你正在加載的這個腳本需要jQuery和OtherScriptOne。如果這些已註冊（請參閱Muhammed Hafil的回答），它們將自動加載並插入到您添加的腳本之前。

來源

2017-10-06 06:24:50 janh

如何在wordpress子主題的functions.php中添加多個腳本？

回答

相關問題