前提说明

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

WordPress通过函数插入CSS和JS的方法教程插图

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

参数说明

  • “wp_enqueue_script为引入js类型必要函数
  • “video-js”为样式名称，可随意填写，多个样式时，名称需要区别开，可添加123等序列
  • “get_stylesheet_directory_uri()”表示子主题目录；如果是主题（父级）目录则为“get_template_directory_uri()”
  • “?ver='7.17.0'”为版本信息，可随意填写
1.使用本站下载的源码仅限于个人学习和非商业用途。
2.禁止将本站下载的源码用于搭建或支持任何违法、淫秽、暴力或侵犯他人合法权益的网站或应用。
3.使用本站下载的源码需遵守国家法律法规及相关规定，不得从事任何违法活动。
4.如若本站内容侵犯了原著者的合法权益，请联系我们进行处理。