WordPress钩子admin_enqueue_scripts的用法

2020年6月19日 飞飞 阅读(902)
知识付费主题,优惠促销中:xx-blog主题

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主题网

第一时间了解最新网络动态
关注博主不迷路~

未经允许不得转载:xx主题网 » WordPress钩子admin_enqueue_scripts的用法
分享到:

评论抢沙发

要发表评论,您必须先

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

扫码关注微信公众号

扫描关注xx主题网