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');


声明:本站所有文章和图片,如无特殊说明,均为原创发布,转载请注明出处。
随机推荐
WordPress 增强编辑器功能
表驱动方法
JavaScript 修改 CSS 样式
JavaScript screen对象
WP_REST_Response 返回结果类
Node.js 模块概念
Node.js url 模块
Node.js querystring 模块