在 function.php 文件中添加以下代码,可为 WordPress 主题引入 Style 文件与 JavaScript 文件。
function puji_scripts() {
wp_enqueue_style(
'puji-style',
get_template_directory_uri() . '/style.css',
array(),
wp_get_theme()->get( 'Version' )
);
wp_deregister_script( 'jquery' );
wp_enqueue_script(
'jquery',
get_template_directory_uri() . '/assets/js/jquery.min.js',
array(),
'3.6.0'
);
wp_enqueue_script(
'puji-script',
get_template_directory_uri() . '/assets/js/main.js',
array(),
'1.0.1'
);
}
add_action( 'wp_enqueue_scripts', 'puji_scripts' );
同样,可以使用 wp_register_style() 和 wp_register_script() 方式写入样式表,在需要调用的时候再进行引入,如:
function puji_scripts() {
wp_register_style(
'post-style',
get_template_directory_uri() . '/single.css',
array(),
wp_get_theme()->get( 'Version' )
);
if ( is_single() ) {
wp_enqueue_style( 'post-style' )
}
}
add_action( 'wp_enqueue_scripts', 'puji_scripts' );