龙空技术网

WordPress钩子admin_enqueue_scripts的用法

飞飞程序员 887

前言:

现在看官们对“wordpress加载css”大约比较珍视,同学们都需要学习一些“wordpress加载css”的相关知识。那么小编同时在网络上网罗了一些关于“wordpress加载css””的相关知识,希望小伙伴们能喜欢,同学们一起来学习一下吧!

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

标签: #wordpress加载css