发布价值信息
Wordpress、Software、VPN。。

WordPress 使用 wp_register_script 函数引入 js 文件

HTML 中引入 js 与 css 资源方式一般使用 link、script 标签。那么 WordPress 怎么引入这些资源文件呢?其实 WordPress 也是输出的 HTML,所以你可以直接写 link、script 标签输出资源,也可以通过 WordPress 提供的 wp_register_script 函数来注册资源并使用它。对于资源的引入,我个人比较喜欢直接写,因为方便,不用写那么多内容。但为了程序的灵活性,还是建议使用官方的函数加载资源文件。

WordPress 使用 wp_register_script 函数引入 js 文件
wp_register_script( string $handle, string|bool $src, array $deps = array(),string|bool|null $ver = false, bool $in_footer = false )

官方描述,注册一个 js 资源,以提供 wp_enqueue_script()方法使用。

wp_register_style 函数同理,用来加载 css 资源文件。提供给 wp_enqueue_style 方法使用。

参数说明:

  • $handle:资源标识符,供 wp_enqueue_script 调用。
  • $src:资源的位置。相对地址或者绝对地址或者使用 WordPress 内置的函数获取地址等。常用定位函数有 plugins_urlget_template_directory_uri 等。
  • $deps:依赖关系。如果引用的是 jQuery 插件,需要依赖 jQuery 组建,那么就需要填写上 jQuery。注意,以数组的形式传递。
  • $ver:资源版本,可选的。
  • $in_footer:是否放在底部。一般来说,JS 文件要放在页面的底部,就可以设置这个参数为 True,留空或者 False 会输出到顶部。

返回值:成功返回 true,失败返回 false。

使用 wp_head()与 wp_footer()即可自动加载这些资源!

简单使用:

function dmd_add_scripts() {
    wp_register_script('plugin_script', get_stylesheet_directory_uri().'/js/jquery.min.js', array(),'1.1', false);
    wp_register_style('theme_css', get_stylesheet_directory_uri().'/css/main.css', array(),'1.1', false);
    wp_enqueue_script('plugin_script');
    wp_enqueue_style('theme_css');
  }
  add_action( 'wp_enqueue_scripts', 'dmd_add_scripts' );

使用 wp_register_script 函数注册资源方式引入有个最大的好处,可以避免重复资源加载(需注册同名资源)。比如主题加载了 jquery,部分插件也会加载 jquery。

赞(0) 打赏本站

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

×
打赏作者
未经允许不得转载:何先生 » WordPress 使用 wp_register_script 函数引入 js 文件
分享到: 更多 (0)

评论 抢沙发

上传图片
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

何先生的博客 专注分享 更优质

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

测试夜间模式中。。晚上体验不好望见谅

何先生自用推荐:Vultr vps

限时:注册即可赠送 $25美元

服务器每月仅需:$5/月

注册