WordPress钩子admin_enqueue_scripts的用法

121 阅读1分钟

admin_enqueue_scripts主要用来给后台添加css和js文件,使用时一般会用到wp_enqueue_style和wp_enqueue_script两个函数,对于怎么使用还比较简单的,大家看一下下面的例子就明白啦。

示例一

function xxzhuti_admin_cssscript(){
//全局加载样式
wp_enqueue_style('custom_wp_admin_css', get_template_directory_uri() . '/style.css');
//全局加载js脚本
wp_enqueue_script('custom_wp_admin_script', get_template_directory_uri() . '/jquery.js');
}
add_action( 'admin_enqueue_scripts', 'xxzhuti_admin_cssscript' );

示例二

先注册JS和CSS然后在进行调用

function xxzhuti_admin_cssscript(){
wp_register_style('custom_wp_admin_css', get_template_directory_uri() . '/style.css'); //注意这里用了wp_register_style函数
wp_enqueue_style( 'custom_wp_admin_css' );
 
wp_register_style('custom_wp_admin_script', get_template_directory_uri() . '/js.css'); //注意这里用了wp_register_style函数
wp_enqueue_script( 'custom_wp_admin_script' );
}
add_action( 'admin_enqueue_scripts', 'xxzhuti_admin_cssscript' );

示例三

在wordpress登陆页面加载js和css

function enqueue_for_login(){
wp_enqueue_style( 'core', 'style.css', false );
wp_enqueue_script( 'my-js', 'filename.js', false );
}
add_action( 'login_enqueue_scripts', 'enqueue_for_login' );

欢迎关注我的公众号“xx主题网”,原创技术文章第一时间推送。

文章来源:www.xxzhuti.com/307.html