疾速把握WordPress中加载JavaScript脚本的办法

在 WordPress 中加载脚本(为 CSS 和 JS,下同)文件,大少数人的做法是间接在 header.php 文件中增加 link 标签,或许把 link 标签经过 wp_head 钩子间接增加到 head 标签里,这种做法是不合乎民间标准的。

规范的脚本加载形式应该是应用 WordPress 民间提供的函数(后边会说),对立规范有几个益处,首先就是愈加平安和利于治理,其次是愈加的不便快捷,而且不只主题能挂载脚本,插件也能够,并且还能治理脚本,并且调整挂载程序和地位和其它内容。

在哪个钩子加载?

在调用加载脚本函数之前,咱们首先要确定函数在哪个钩子处执行,有四个罕用的脚本加载钩子,辨别是 wp_enqueue_scripts(在前台加载)、admin_enqueue_scripts(在后盾加载)、login_enqueue_scripts(在登录页加载)和 init(全局加载)。

最罕用的应该是 wp_enqueue_scripts 了,挂载到这下面,脚本只在前台加载。

加载 JavaScript 脚本

比方说我想在前台加载一个 JS,是主题根目录 JS 文件夹的 themes.js 文件。首先需求应用 wp_register_script() 函数把 JS 增加到脚本库里边(注册脚本),而后再应用 wp_enqueue_script() 函数挂载脚本。

function Bing_enqueue_scripts(){
  wp_register_script( 'themes_js', get_bloginfo( 'template_directory' ) . '/js/themes_js.js' );//注册 ID 为 themes_js 的 JS 脚本
  wp_enqueue_script( 'themes_js' );//挂载脚本
}
add_action( 'wp_enqueue_scripts', 'Bing_enqueue_scripts' );

加载 CSS 脚本

function Bing_enqueue_scripts(){
  wp_register_style( 'style', get_bloginfo( 'template_directory' ) . '/style.css' );
  wp_enqueue_style( 'style' );
}
add_action( 'wp_enqueue_scripts', 'Bing_enqueue_scripts' );

小结

本文只是十分简略的解说了怎样加载脚本,正当的利用脚本排队机制,能够让顺序变得灵敏,也能够放慢效率。

以上就是安达网络工作室关于《快速掌握WordPress中加载JavaScript脚本的方法》的一些看法。更多内容请查看本栏目更多内容!

本文相关话题: WordPress JavaScript
版权声明:本文为 安达网络工作室 转载文章,如有侵权请联系我们及时删除。
相关文章
WordPress显示以后文章同分类下的文章列表

由于用户寻觅的是相干的文章,不相干的文章是没有多大兴味看,博客吧以为这样也能进步PVwordpress显示以后文...

详解WordPress中增加和执举动作的函数应用办法

add_action()(增加举措) add_action() 函数用来挂载一个函数到举措钩子上。 用法 add_action( $tag, $fu...

wordpress截取首页摘要内容的办法

本文实例讲述了在wordpress截取首页摘要内容完成办法,分享给大家供大家参考。详细剖析如下: 这里截取就是利...

WordPress 链接跳转插件

这款插件称号叫Pretty Link Lite,插件主页:http://wordpress.org/extend/plugins/pretty-link/,也能够在...

晋升WordPress 关上速度片面处理计划

从ThemeForest购买的是正版商业主题AVADA(有售后技术支持),应用国际阿里云主机(配置不算低),网站大局...

WordPress后盾显示相干用户文章相干联评论的办法

本文实例讲述了WordPress后盾显示相干用户文章相干联评论的办法。分享给大家供大家参考。详细剖析如下: 将...

需求提交

客服服务