智慧建站平台,千套网站模板,免费随心选!

您现在的位置: 首页>>网站教程

分享一个CSS和JS合并的WordPress插件

来源: 发布时间:2021-04-25热度:1319 ℃
下面由wordpress教程栏目给大家介绍一个css和js合并的wordpress插件,希望对需要的朋友有所帮助!CSS和JS合并的WordPress插件我们平时会考虑把多个CSS或JS合并为一个文件···

下面由wordpress教程栏目给大家介绍一个css和js合并的wordpress插件,希望对需要的朋友有所帮助!

我们平时会考虑把多个CSS或JS合并为一个文件输出,为了解决这个问题,我写了这个WordPress插件,用来实现WordPress中的这一目的。

实现原理

如果你读过我之前的《PHP合并压缩css输出 模块化css撰写》可以先了解我对缓存文件的一些处理方式,以及合并文件、压缩代码的一些想法。而本插件的实现原理则基本上和上面的这篇文章里介绍的差不多。

安装

首先,下载这个插件,我把它托管在我的GitHub上,你可以在这个页面下载。下载好之后,进行解压,解压完直接把解压出来的整个文件夹上传到你的WordPress网站插件目录下。然后去后台启用它。

使用

进入后台,在“设置”菜单下有一个子菜单“Minify”,进入后可以对它的各个选项进行设置,而且都有注释,可以了解功能。

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

<?php  wp_minfiy_js([&#39;/wp-content/themes/yourtheme/js/base.js&#39;,&#39;/wp-content/themes/yourtheme/js/module.js&#39;,&#39;/wp-content/themes/yourtheme/js/others.js&#39;]); ?>
登录后复制

本文地址:http://yunji1.cn