当前位置:网站首页 > WordPress教程 > 正文
wordpress样式文件引用函数wp_enqueue_style()
作者:xlnxin发布时间:2021-04-15分类:WordPress教程浏览:397
导读:在模板中直接使用link标签引用css样式文件是在wordpress主题开发中常用的方法,但这不是wordpress正确的引用css文件的方法,wordpress正确引用...
在模板中直接使用link标签引用css样式文件是在wordpress主题开发中常用的方法,但这不是wordpress正确的引用css文件的方法,wordpress正确引用方法是使用wp_enqueue_style()
函数。
函数代码:
1 | <?php wp_enqueue_style($handle, $src, $deps, $ver, $media); ?> |
参数说明:
- $handle – 调用的样式文件名称,唯一性,因此不能和其它css文件命名相同。
- $src – css文件的路径(即url),不要直接使用域名url,要使用路径函数,如
get_template_directory_uri()
来获取主题目录中的样式文件。 - $deps – 依赖关系,如果丢失某些其他样式文件将导致你的样式表将无法正常工作,你可以使用该参数设置“依赖关系”。,非必需。
- $ver – 加载的css文件的版本号,可以使用主题的版本号或随意自定义一个,设置为null则不使用版本号。默认为false,使用WordPress的版本号。
- $media – 是指CSS的媒体类型,比如“screen”或“handheld”或“print”。如果不知道是否需要,就留空。默认为“all”。
使用方法:
通过wp_enqueue_style()
函数加载css文件时,应该将它分配给一个钩子,如只在前台调用,使用钩子wp_enqueue_script
;只在后台调用,使用admin_enqueue_scripts
;用在WP登陆页面加载则使用login_enqueue_scripts
。
示例:
只在前台调用:
1 2 3 4 | function boke8_theme_style() { wp_enqueue_style( 'boke8', get_template_directory_uri() . '/css/boke8.css' ); } add_action( 'wp_enqueue_script', 'boke8_theme_style' ); |
只在后台调用则把上面的wp_enqueue_script
换成admin_enqueue_scripts
相关推荐
- 微信小程序反编译报SyntaxError: Unexpected token ‘}‘ 不完美的解决方法
- zblogphp使用GetArticleList、GetList函数调用热门文章列表
- expose_php = On/Off,是干什么的?底层原理是什么?
- Windows10 DVDRW识别为CD驱动解决方法,windows无法读取驱动器E:\中的光盘解决方法
- windows无法读取驱动器中的光盘(windows10)
- 抓包软件Fiddler命令行和HTTP断点调试
- 小程序笔记(一)程序包wxapkg反编译2020.05版
- ZBlog固定网站域名导致网站打不开的解决办法
- PHP开启openssl的方法-解决ZBlog主题插件无法启用的问题
- WordPress自动截取限定数字的摘要
- WordPress教程排行
- 最近发表