在wordpress中向自定义页面添加css和jquery

我正在使用wordpress.org。我用索引文件创建了一个自定义页面，索引文件中包含对css和javascript文件的引用。但是如何在wordpress中添加多个css和javascript文件。

首先，看看函数

以下代码插入到主题的functions.php中，将从主题的js目录加载自定义的_script.js（此脚本取决于jquery）：

要加载样式表，请使用相同的钩子，但使用wp_enqueue_样式函数：

function my_styles_method() {
    wp_enqueue_style(
        'custom-script',
        get_template_directory_uri() . '/css/custom_style.css'
    );
}
add_action('wp_enqueue_scripts', 'my_styles_method');

或者您可以将这两个调用合并为一个：

function my_scripts_and_styles_method() {
    wp_enqueue_script(
        'custom-script',
        get_template_directory_uri() . '/js/custom_script.js',
        array('jquery')
    );
    wp_enqueue_style(
        'custom-script',
        get_template_directory_uri() . '/css/custom_style.css'
    );
}
add_action('wp_enqueue_scripts', 'my_scripts_and_styles_method');

---

在排队之前也可以这样做，但不是强制性的

谢谢你，但是如何添加多个scipt，这只适用于1个js和1个css脚本，但我希望它适用于4个js脚本和3个css脚本。使用修改的路径和脚本/样式slug:wp_enqueue_style复制wp_enqueue_样式/wp_enqueue_脚本（'custom-script-1'，get_template_directory_uri（）。/css/custom_style_2.css'）；wp_enqueue_style（'custom-script-2'，get_template_directory_uri（）。/css/custom_style_2.css'）。。。

function my_scripts_and_styles_method() {
    wp_enqueue_script(
        'custom-script',
        get_template_directory_uri() . '/js/custom_script.js',
        array('jquery')
    );
    wp_enqueue_style(
        'custom-script',
        get_template_directory_uri() . '/css/custom_style.css'
    );
}
add_action('wp_enqueue_scripts', 'my_scripts_and_styles_method');