wordpress - 将css和jquery添加到wordpress中的自定义页面

Question

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

Answer 1

首先，看一下wp_enqueue_script函数。

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

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

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

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

wp_register_script在入队之前也不会错，但不是强制性的