首页 问答 正文

如何将额外的CSS和JS添加到wordpress主题中?

注册会员 / 悠然自学 / 2023-06-11/ 浏览 49 次

要将额外的CSS和JS添加到WordPress主题中,可以使用wp_enqueue_script和wp_enqueue_style函数。这些函数可以将CSS和JS文件添加到页面头部或尾部,以及在需要的时候加载。

例如,如果要将样式表添加到主题中,可以在functions.php文件中使用以下代码:

function custom_styles() {
    wp_enqueue_style( 'custom-style', get_template_directory_uri() . '/custom.css' );
}
add_action( 'wp_enqueue_scripts', 'custom_styles' ); 

此代码将添加名为“custom-style”的样式表,其URL为主题目录中的“custom.css”文件。

同样的,以下代码将添加一个名为“custom-script”的JS文件:

function custom_scripts() {
    wp_enqueue_script( 'custom-script', get_template_directory_uri() . '/custom.js', array(), false, true );
}
add_action( 'wp_enqueue_scripts', 'custom_scripts' ); 

此代码将添加名为“custom-script”的JS文件,其URL为主题目录中的“custom.js”文件。

需要注意的是,CSS和JS文件应该放置在主题目录中的子文件夹中,并且这些文件的链接应该使用各自的函数(wp_enqueue_style或wp_enqueue_script)来添加到页面中。

大家谈论
    我的见解