WordPress正确加载Javascript和CSS文件

正确加载 jQuery、Javascript 和 CSS 到你的WordPress网站 。

1.模板文件header.php中直接引入文件

<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/bootstrap/css/bootstrap.css ">
<script src="<?php echo get_template_directory_uri(); ?>/bootstrap/js/bootstrap.js"></script>

2.在主题的functions.php中引入文件。

有两种常用的 add_action 钩子可以加载 文件

2.1 add_action( ‘init’, ‘yourmethod’ ); 仅适用于在网站头部加载文件

function yourmethod() {
wp_register_script( ‘default’, get_template_directory_uri() . ‘/bootstrap/js/bootstrap.js’, array(‘jquery’), ‘4.4.2’,ture );
wp_register_style( ‘default’, get_template_directory_uri() . ‘/bootstrap/css/bootstrap.css’, array(), ‘4.4.2’ );
}
add_action( ‘init’, ‘yourmethod’ );

2.2.1 add_action(‘wp_enqueue_scripts’, ‘yourmethod’); 仅在前台调用

2.2.2 add_action(‘admin_enqueue_scripts’, ‘yourmethod’); 仅在后台调用

function yourmethod() {
wp_register_script( ‘default’, get_template_directory_uri() . ‘/bootstrap/js/bootstrap.js’, array(‘jquery’), ‘4.4.2’,ture );
wp_register_style( ‘default’, get_template_directory_uri() . ‘/bootstrap/css/bootstrap.css’ , array(), ‘4.4.2’ );
}
add_action( ‘ wp_enqueue_scripts ‘, ‘yourmethod’ );

标签