Question

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

Answer 1

以下代码插入到主题的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在排队之前也没有错，但不是强制性的

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

1 个答案: