在 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脚本的方法》的一些看法。更多内容请查看本栏目更多内容!
【阐明】 反省以后文章能否置顶。前往值TRUE 或许 FALSE. 【用法】 复制代码代码如下:<?php is_sticky($pos...
WordPress主题教程之修正wordpress回复评论文字办法,首选需求建设个自定义的评论模板,而后经过调用此...
讯问后果却有些出人意料,居然是超流量了,应用这么久还是第一次遇到超量的状况。 登陆cPanel后盾查看也的确...
本文实例讲述了封闭wordpress新用户注册邮件告诉的办法。分享给大家供大家参考。详细剖析如下: wordpress博...
wordpress头部的代码十分多,包括WordPress版本,前后文、第一篇文章、主页meta信息等各种冗余代码,这些对...
编写WordPress插件和主题的时分,常常需求用到cookie,比方存取用户形态等,我之前编写的插件Ludou Simple ...