wordpress样式文件引用函数wp_enqueue_style()

1. 介绍

在WordPress主题开发中,我们通常会引用许多外部的样式文件,比如CSS、JavaScript等等。其中,样式文件的引用是使用wp_enqueue_style()函数来实现的。

2. 使用方法

函数wp_enqueue_style()接受三个参数:

  1. 样式文件的句柄(handle)
  2. 样式文件的URL
  3. 依赖关系数组(dependency array)

2.1 样式文件的句柄

样式文件的句柄用于在代码中引用该样式文件的标识符。通常情况下,句柄与文件名相同,并且不包含文件扩展名。:

// 注册样式文件
wp_enqueue_style( 'my-style', get_template_directory_uri() . '/css/my-style.css', array(), '1.0', 'all' );

// 引用样式文件
wp_enqueue_style( 'my-style' );

2.2 样式文件的URL

样式文件的URL指向样式文件的物理路径,可以是相对路径或绝对路径。

2.3 依赖关系数组

依赖关系数组用于指定一组样式文件的句柄,当前样式文件会在这些句柄所对应的样式文件被加载后再进行加载。

3. 示例

以下是一个使用wp_enqueue_style()函数加载样式文件的例子:

// 注册样式文件
wp_enqueue_style( 'bootstrap', 'https://yourcdn.com/bootstrap.css', array(), '4.3.1', 'all' );
wp_enqueue_style( 'style', get_stylesheet_uri(), array( 'bootstrap' ), '1.0', 'all' );

这段代码将会引用位于yourcdn.com上的Bootstrap样式文件,并且注册了一个名为style的样式文件,该样式文件依赖于bootstrap样式文件。在主题中引用样式文件,只需要像下面这样调用函数即可:

// 引用样式文件
wp_enqueue_style( 'style' );

这样,你的WordPress主题就可以正确地加载所需的样式文件了。

晓白博客网版权所有,原文地址https://www.xbnb.cn/5069
© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 如有资源失效请在下面及时反馈,谢谢!! 抢沙发

请登录后发表评论

    请登录后查看评论内容