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 语言文件
PHP curl 的用法
WordPress 添加 Favicon 图标的方法
CSS3 实现 Switch 开关
冒泡法排序
JavaScript 检查 Date 是否为 Invalid Date
MySQL 删除逗号分隔字段中的某一个值
Debian11 安装笔记2:编译安装PHP