在 WordPress 中排队 CSS 和 JS 脚本以获得更好的性能

WBOY
发布: 2024-08-22 06:34:39
原创
179 人浏览过

Enqueue CSS and JS Scripts in WordPress for Better Performance

WordPress是开源软件 – 用户可以按照自己的意愿安装、修改和分发它。由于每个人都可以访问源代码,因此数百万 WordPress 专家和开发人员可以创建工具和扩展并与公众分享。

让我们看看如何将 CSS 和 JS 文件加入到您的wordpress项目中。

大多数新开发者都喜欢,

里面“header.php”

雷雷

里面“footer.php”

雷雷

但是,这不是在 WordPress 项目中对 CSS 和 JS 文件进行排队的正确方法。为了对接它,首先转到“functions.php”文件并像这样将文件排入队列。让我们看看西格玛技巧......

第 1 步:functions.php

雷雷

注意:Wordpress提供jquery的未压缩版本。所以我们可以简单地在所需的 js 文件中使用该 jquery !为此,您只需在“wp_eneueue_script”中传递array('jquery')参数即可。要记住的一件事是 JQuery 有 2 个主要版本:未压缩和压缩。在未压缩版本中,AJAX 将无法正常工作。

第 2 步:现在在“header.php”内
现在,我们需要使用 wp_head();在

标签下运行。
雷雷

第 3 步:现在在“footer.php”内
现在,我们需要使用 wp_footer();在标签下。

雷雷

在 WordPress 主题中包含wp_head()wp_footer()至关重要。这些功能会自动插入WordPress、主题和插件所需的基本脚本、样式和元数据,确保正确的功能、兼容性和性能。 wp_head() 在部分中添加SEO的必要元素,而 wp_footer() 在末尾包含脚本以推迟非关键 JavaScript,从而提高页面加载速度。这些功能对于插件集成和动态主题自定义以及分析和跟踪代码的正确放置至关重要。

以上是在 WordPress 中排队 CSS 和 JS 脚本以获得更好的性能的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!