前提说明

本文,主要讲的是通过“wp_enqueue_style()”函数和“wp_enqueue_script()”函数插入CSS和JS的方法,如果你是通过“link”和“script”标签,也就是绝对路径直接插入的方法,本文就可以不必看了。

WordPress通过wp_enqueue_style()函数插入CSS和通过wp_enqueue_script()函数插入JS

插入CSS方法

wp_enqueue_style()函数

插入本地CSS实例

 wp_enqueue_style('video-js', trailingslashit(get_stylesheet_directory_uri()) . 'assets/css/video-js.min.css');

插入本地CSS实例

 wp_enqueue_style('video-js', 'https://cdn.jsdelivr.net/npm/video.js@7.17.0/dist/video-js.min.css');

参数说明

“wp_enqueue_style”为引入css类型必要函数

“video-js”为样式名称,可随意填写,多个样式时,名称需要区别开,可添加123等序列

“get_stylesheet_directory_uri()”表示子主题目录;如果是主题目录(父级)则为“get_template_directory_uri()”

插入JS方法

wp_enqueue_script()函数

插入本地JS实例

 wp_enqueue_script('video-js', trailingslashit(get_stylesheet_directory_uri()) . 'assets/js/video.min.js?ver='7.17.0); 

插入远程JS实例

 wp_enqueue_script('video-js', 'https://cdn.jsdelivr.net/npm/video.js@7.17.0/dist/video.min.js?ver='7.17.0); 

参数说明

“wp_enqueue_script为引入js类型必要函数

“video-js”为样式名称,可随意填写,多个样式时,名称需要区别开,可添加123等序列

“get_stylesheet_directory_uri()”表示子主题目录;如果是主题(父级)目录则为“get_template_directory_uri()”

“?ver=’7.17.0’”为版本信息,可随意填写

1、本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2、 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3、不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4、本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5、如有链接无法下载、失效或广告,请联系管理员处理!
6、本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7、如果您也有好的资源或教程,您可以投稿发布,成功分享后有DB奖励和额外收入!
8、如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。提供版权证明至邮箱:3951157@qq.com

发表回复

后发表评论