首页>建站相关>利用wp_enqueue_style()&wp_enqueue_script()引入资源文件

利用wp_enqueue_style()&wp_enqueue_script()引入资源文件

在页面的head部分我们有时候会引用一些外部文件,比如jquery,比如主题的 style.css 文件。利用标题中两个命令引入的资源会进入队列,然后按用户设置被包含在head部分或者页面的页脚位置。顾名思义,style后缀的引入css文件,而script后缀的引入js文件。

按个人的理解(这满满的求生欲啊),一方面这种方式易于统一管理资源,另一方面,尤其对于自定义的js与css文件,wp会自动为其加上版本号,这样在文件内容有升级并修改了版本号之后,能够确保修改内容能够及时被展现在页面上。可能您有也过类似的经历,在修改某个css文件或js文件的时候,修改的内容并不总是被浏览器及时展示,因为浏览器里已经有了该文件的缓存,而wp的这种机制能够很好的避免这类问题。

wp_enqueue_style

语法

wp_enqueue_style( string $handle, string $src = '', string[] $deps = array(), string|bool|null $ver = false, string $media = 'all' );

参数

$handle
(string) (必填) 样式表的名称,应该是唯一的。

$src
(string) (可选) 样式表的完整URL,或样式表相对于WordPress根目录的路径。

默认值: ''

$deps
(string[]) (可选) 注册处理此样式表所依赖的样式表数组。

默认值: array()

$ver
(string|bool|null) (可选) 指定样式表版本号(如果有)的字符串,该版本号作为查询字符串添加到URL中,用于破坏缓存。如果版本设置为false,则会自动添加与当前安装的WordPress版本相同的版本号。如果设置为null,则不添加任何版本。

默认值: false

$media
(string) (可选) 定义此样式表的媒体。接受“all”、“print”和“screen”等媒体类型,或“(orientation: portrait)”和“(max-width: 640px)”等媒体查询。

默认值: 'all'

wp_enqueue_script

语法

wp_enqueue_script( string $handle, string $src = '', string[] $deps = array(), string|bool|null $ver = false, bool $in_footer = false )

参数

$handle
(string) (必填) 脚本的名称(句柄),应是唯一的。

$src
(string) (可选) 脚本的完整URL,或脚本相对于WordPress根目录的路径。

默认值: ''

$deps
(string[]) (可选) 这个脚本所依赖的已注册脚本句柄的数组。

默认值: array()

$ver
(string|bool|null) (可选) 字符串,用于指定脚本版本号(如果有),该版本号作为查询字符串添加到URL中,用于破坏缓存。如果版本设置为false,则会自动添加与当前安装的WordPress版本相同的版本号。如果设置为null,则不添加任何版本。

默认值: false

$in_footer
(bool) (可选) 是否将脚本排队到</body>之前而不是<head>中。默认值为“false”。

默认值: false

登记在册

在部分主题里,除了入队函数外,我们也会看到注册函数,比如:

wp_register_style()
wp_register_script()

当一个js文件以某个名字比如'jquery'登记在册之后,后续的入队流程可以仅仅通过这个注册名信息,简化了入队的手续,如同我们访问互联网的站点一样,每个网站都去注册个账户显然不太现实,但一个天天需要访问的站点,不登陆它天天弹窗提示你注册你也不好受。所以是先注册后入队,还是直接入队,归根结底,怎么方便怎么来吧。

标签: wordpress

移动端可扫我直达哦~

推荐阅读

wordpress 2025-03-31

wordpress 重新生成缩略图

测试wp缩略图功能的时候不小心把所有的缩略图都删掉了,但保留了原图,不想一个个重新上传以生成缩略图,就使用了这段代码,注意生成成功之后,这段代码就可以删掉了。function regenerate_all_thumbnails() {...

建站相关 wordpress

wordpress 2025-03-29

WordPress的主循环与WP_Query

WordPress的主循环和WP_Query是主题开发中最重要的两个概念,它们负责从数据库获取内容并显示在页面上。主循环 (The Loop)主循环是WordPress用来显示文章的核心机制。它是一个PHP代码结构,用于遍历当前页面请...

建站相关 wordpress

wordpress 2025-03-22

在phpstudy中为wordpress开启伪静态

原文修改主题都是在服务器上一边在线修改一边调试,用上了phpstudy后才发现自己之前的方式有多没有效率。但测试设置固定链接的时候遇到了一个问题,就是设置前也无风雨也无晴,设置后统一返回404。这个问题之前尝试搭建站点的时候也遇到过,...

建站相关 wordpress

wordpress 2025-03-17

WordPress分页中遇到404错误:posts_per_page

这个问题可能更多为主题开发者所遇见,一款推向市场的主题一般都会几经测试,应该不容易到客户手中才发现这个问题。所以网络上的相关讨论不多,博主也是调试了几天才大致有了一些思路:后台的默认参数在wordpress的后台设置里,是可以设置归档...

建站相关 wordpress

wordpress 2025-03-14

WORDPRESS HEADER模块常用函数

在 WordPress 开发中,header.php 文件是主题的重要组成部分,用于定义网站的头部内容。以下是一些在 header.php 中常用的 WordPress 函数及其用途,如果嫌部分函数生成的默认模板不需要的元素过多,也可...

建站相关 wordpress

wordpress 2025-03-12

wordpress的前后台数据交换ajax

ajax是个耳熟能详的词儿,但因为有点儿复杂,博主一直是规避学习的,今天刚好碰到一个前台jquery向wp后台申请数据的问题。躲不过,那就慢慢调试吧。钩子wp的ajax还区分了用户,对于不同的用户(登录与否)采用不同的钩子,不过这里只...

建站相关 wordpress

wordpress 2025-03-07

WordPress中add_meta_box函数参数详解

add_meta_box 是 WordPress 中用于在后台编辑页面添加自定义元框(Meta Box)的函数。它允许开发者在文章、页面、自定义文章类型等编辑页面中添加自定义字段或内容。以下是 add_meta_box 函数的参数及其...

建站相关 wordpress

wordpress 2025-03-07

wordpress 手动添加自定义字段

自定义字段可以扩展文章的信息,也有很多相关的成熟的插件,比如Advanced Custom Fields (ACF) 插件,如果希望添加的字段不多,也不愿意为此安装过多的插件,我们也可以考虑手动来添加它。为post文章添加字段// 添...

建站相关 wordpress

wordpress 2025-03-07

wordpress 自定义文章类型

在 WordPress 中,Post Type(文章类型)是指不同类型的内容,例如文章(Post)、页面(Page)、自定义文章类型等。每种文章类型可以使用不同的模板来显示其内容。以下是关于 WordPress 文章类型模板的基本信息...

建站相关 wordpress

wordpress 2025-03-06

wordpress媒体上传一张图片裁剪成多张的问题

wordpress媒体上传的时候会自动帮用户处理图片,根据不同的使用场景,它预设了一套通用的缩略图尺寸,媒体中心的方便之处在于,在媒体中心删除图片的时候,wordpress会贴心的把一整套缩略图一起删除掉。但非图片为主的站点,其实并不...

建站相关 wordpress