wordPress网站都需要一个主题正常运行WordPress最优内容之一是,您有上千个主题可用增强网站前端
多年来,我开发出与WordPress深度连接, 特别是它处理脚本和样式的能力函数 wp_enquee_scripts
帮助您样式主题并添加额外特征的同时,WordPress添加样式和脚本有错误和正确方式错误方式是添加到WordPress头文件或wp_head正确方式使用方法叫queeing
文章中,我们将解释何为queeing,如何工作,以及如何适当使用此进程为WordPress主题添加必备脚本和样式下潜
目录
WordPress的编码是什么
Enqueing进程向WordPress加载jascript文件或JS文件-包括脚本和样式-方式允许你随时使用文件而无需重写代码
通过排队脚本,你告诉WordPress想添加哪些资产WordPress将自动连接页眉和页脚中的资产
WordPress编译工作
queeing工作方式如下
优先注册脚本或样式:告诉WordPress您的资产存在
通知WordPress后,第二步是排队wordPress后自动输出资产适当位置:页眉或页脚
为何分两步进程
可能需要仅在特定页上添加资产 。举例说,你可能正在搭建短码 输出简单广受欢迎的产品组合
并非所有WordPress网页都从中得益服务页或商店页上需要产品组合
实现期望结果时,您可以先注册脚本,然后排队将短码仅包含所需页上。WordPress存储资源并加速网站
wp_enqueue基础语
我们现在知道什么queeing和它如何工作先从基础知识入手wp_enqueue_script钩子加载资产
动作钩内可使用数项函数并嵌入函数.php文件
- wp_register_script()
- wp_enqueue_script()
- wp_register_style()
- wp_enqueue_style()
wp_enqueue标注示例
现场实践wp_enqueue_script示例显示 Strue.cs文件如何查找 :
上例显示如何分两步对同函数内的资产注册并排队
语法函数可同时注册脚本并排队可通过以下方式实现:
WordPress通过 wp_register_sstem()和wp_register_script函数
wp_enqueue标注jquery
第三个参数是数组注册脚本和样式,优先加载后排队上例中,我们需要加载 wp_enqueue_scriptQuery查询先讲
加入数组脚本函数
Query已包含入WordPress中,所以我们不需要单加载
同一规则适用于资产拥有的任何其他依存性举个例子,如果你想打开光箱中所有组合项,你还需要为光箱加数组免得你资产加载
第一次踏入WordPress世界时,我记得我所面临的挑战计算机科学学位并花数小时开发WordPress,我开始理解适当排队脚本的重要性不仅优化网站性能,还保证兼容性并减少脚本间潜在冲突
如何页脚使用 wp_enqueue_script
可把脚本写进网站页眉或页脚中依据我的经验,脚本放进页脚可极大改善网站加载时间简单有效策略提高用户经验
这就是原因
浏览器加载页眉区所有脚本和样式作为网站加载脚本加载时 访问者看到空白页
网站页眉中脚本和样式越多,浏览器越费时才能继续加载网页
添加 `可避免较高加载时间真实性'参数函数下定义脚本看起来像JavaScript:
Omitting语真实性参数会通知WordPress加载脚本和样式页眉,对网站速度产生消极影响
wp_enqueue脚本使用WordPress
排队脚本很重要,因为您可以定制Nav、构件、插件、主题等更多传统HTML方法外的东西
step在这里概述, 您可以适当编程脚本而不影响负载时间 。可有效开发WordPress,包括主题插件
WordPress主题、子主题和插件文件都输入官方存储库和提供WordPress相关产品的其他溢价市场中将更容易实现
