wordpressの子テーマでfunctions.phpに複数のスクリプトを追加するには？

Question

私はfunctions.phpに自分のスクリプトを入れようとしましたが、awesomeとall-script.jsのフォントだけが表示されませんでしたが、他のスクリプトは機能しません。私は5つのスクリプトを追加したい。それ、どうやったら出来るの。私はここでいくつかの間違いをしたと思う。私はあなたが人を理解することを望むので、コーダーではありません。ありがとう

//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');

Answer 1

のコード行を試してみてください。

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'); 

Answer 2

あなたがそれらを使用する前に、スクリプトやスタイルを登録する必要があり、形式は

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'); 

    } 

注意です.correct各スクリプトとスタイルのために別のハンドルを使用する必要があります：あなたは登録する必要はありませんjQueryはWordPress自体によって登録されているので、登録せずに直接エンキューできます。それぞれのスクリプトに一意の識別子（wp_enqueue_scriptの最初のパラメータ）を使用する必要があります。https://developer.wordpress.org/reference/functions/wp_register_script/#core-registered-scripts

Answer 3

それぞれの場合にscriptを使用しているので、WordPressは最初のもの以外はすべて無視し、既に読み込まれていると考え、2回読み込むのは賢明ではありません。

わかりやすい名前を付けると、要件（第3パラメータ）を使用できるようになります。あなたがロードしているこのスクリプトは、jQueryとOtherScriptOneが必要です。それらが登録されている場合（Muhammed Hafilの答えを参照）、自動的にロードされ、追加するスクリプトの前に挿入されます。