WordPress 引入自定义 JavaScript 文件

在 WordPress 引入 JS 文件的三种方法。

在前台引入 javascript 文件

function add_front_script() {  
  wp_enqueue_script( 'boot', get_template_directory_uri() . '/js/test.js');
}
add_action( 'wp_enqueue_scripts', 'add_front_script' );

在后台引入 javascript 文件

function add_admin_script() {  
  wp_enqueue_script('boot', get_template_directory_uri() . '/js/test.js');
}
add_action('admin_enqueue_scripts', 'add_admin_script');

另外一种方法，使用 wp_head 钩子和 admin_head 钩子:

//为 WordPress 后台添加 css 和 js 代码
function add_admin_jscss() {
 wp_enqueue_style( 'test-jscss', get_template_directory_uri() . '/css/test.css' );
 wp_enqueue_script('test-jscss', get_template_directory_uri() . '/js/test.js' );
}
add_action('admin_head', 'add_admin_jscss');

声明：本站所有文章和图片，如无特殊说明，均为原创发布。商业转载请联系作者获得授权，非商业转载请注明出处。

真诚赞赏，手留余香

赞赏