在 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脚本的方法》的一些看法。更多内容请查看本栏目更多内容!
由于用户寻觅的是相干的文章,不相干的文章是没有多大兴味看,博客吧以为这样也能进步PVwordpress显示以后文...
add_action()(增加举措) add_action() 函数用来挂载一个函数到举措钩子上。 用法 add_action( $tag, $fu...
本文实例讲述了在wordpress截取首页摘要内容完成办法,分享给大家供大家参考。详细剖析如下: 这里截取就是利...
这款插件称号叫Pretty Link Lite,插件主页:http://wordpress.org/extend/plugins/pretty-link/,也能够在...
从ThemeForest购买的是正版商业主题AVADA(有售后技术支持),应用国际阿里云主机(配置不算低),网站大局...
本文实例讲述了WordPress后盾显示相干用户文章相干联评论的办法。分享给大家供大家参考。详细剖析如下: 将...