要将额外的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)来添加到页面中。