有疑问?请点击复制链接咨询!
WordPress管理后台引用自定义CSS或JS文件,有个重要的钩子 admin_enqueue_scripts ,虽然还有其它方法也能加载脚本,但使用正确的钩子可以避免不必要的兼容问题,下面以子主题目录为例。
全局加载
所谓全局加载就是所有后台页面都会加载这个脚本,有全局自然有按需加载。
# CSS
function admincss() {
wp_enqueue_style('admin-css', get_stylesheet_directory_uri() . '/assets/css/admin.css', array(), '', 'all');
}
add_action( 'admin_enqueue_scripts', 'admincss' );
# JS
function adminjs() {
wp_enqueue_scripts( 'admin-js', get_stylesheet_directory_uri() . '/assets/js/admin.js', array('jquery'), 1.0, true);;
}
add_action( 'admin_enqueue_scripts', 'adminjs' );
admin_enqueue_scripts:加载后台脚本钩子。
wp_enqueue_style:加载CSS。
wp_register_script:加载JS。
array(‘jquery’):如果这个JS依赖 jquery ,就需要引用 jquery 脚本库,请勿再重新加载jquery。
其余函数说明:点击查看。
按需加载
按需加载指的是指定页面加载CSS或JS,其它页面不加载,比如只在文章编辑页或自定页面加载。
以上就是WordPress后台如何添加自定义脚本。