WordPress 引入自定义 JavaScript 文件
WordPress 开发文档
收录了这篇文章

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


声明:本站所有文章和图片,如无特殊说明,均为原创发布。商业转载请联系作者获得授权,非商业转载请注明出处。
随机推荐
JavaScript 中 0.1 加 0.2 不等于 0.3 的原因和解决方法
Node.js 简介
Express 使用 body-parser 处理 HTTP 请求
Node.js 模块概念
HTML input range 数值范围选择器
Express 使用模板引擎 EJS
MySQL 删除逗号分隔字段中的某一个值
medium-zoom,一款 JavaScript 图片缩放库