太阳集团tyc5997|官网【中国】有限公司

如何使用CSS和JS合并的WordPress插件
  • 作者:admin
  • 发表时间:2021-01-23 07:50
  • 来源:未知

在唐山百度排名中,我们通常会考虑将多个CSS或者JS合并成一个文件输出。为了解决这个问题,我在WordPress中编写了这个WordPress插件来实现这个目的。

实施原则

如果你看过我之前的《PHP合并压缩css输出 模块化css撰写》,可以先了解一下我处理缓存文件的方式,以及合并文件和压缩代码的一些思路。这个插件的实现原理和上面文章介绍的基本类似。

固定

首先,下载这个插件。我把它放在我的GitHub上。可以在本页下载。下载后解压。解压后直接把整个文件夹上传到你的WordPress网站插件目录。然后去后台启用。

使用

进入背景,“设置”菜单下有子菜单“Minify”。进入后可以设置它的各种选项,都有注释了解功能。

要使用wp-minify,您必须修改主题,因为您输出css和js的方式不同。在你的主题中,删除原来的CSS和JS输出,使用以下方法输出JS:

输出css的方法是一样的,只是使用了另一个函数wp_minify_css()。函数的参数是一个数组,数组内部的元素是脚本文件的路径,WordPress安装目录作为根目录写入完整的相对路径。

为什么要写相对于WordPress根目录的脚本?不是相对于你现在的主题目录?其实原因很简单,因为你引用的css或者js不一定在主题目录下,有时候你引用的是其他目录下的样式或者脚本。当然,这是一个相对路径,你甚至可以参考WordPress的上目录的脚本,比如'/./test.js ',但请注意,脚本必须以/开头,否则可能会导致相对路径错误。

当然,具体的使用方法可以在你明白原理后,自己轻松修改或发挥。

Baidu
sogou