关于CSS和JS合并的WordPress插件-WordPress

资源魔 63 0

咱们平常会思考把多个CSS或JS兼并为一个文件输入,为理解决这个成绩,我写了这个WordPress插件,用来完成WordPress中的这一目的。

完成原理

假如你读过我以前的《PHP兼并紧缩css输入 模块化css撰写》能够先理解我对缓存文件的一些解决形式,和兼并文件、紧缩代码的一些设法主意。而本插件的完成原理则根本上以及下面的这篇文章里引见的差没有多。

装置

起首,下载这个插件,我把它托管正在我的GitHub上,你能够正在这个页面下载。下载好之后,进行解压,解压完间接把解压进去的整个文件夹上传到你的WordPress网站插件目次下。而后去后盾启用它。

应用

进入后盾,正在“设置”菜单下有一个子菜单“Minify”,进入后能够对它的各个选项进行设置,并且都有正文,能够理解性能。

应用wp-minify必需修正主题,由于你输入css以及js的形式纷歧样了。 正在你的主题中,删除了原来的CSS以及JS输入,应用以下的办法输入JS:

<?php wp_minfiy_js(['/wp-content/themes/yourtheme/js/base.js','/wp-content/themes/yourtheme/js/module.js','/wp-content/themes/yourtheme/js/others.js']); ?>

输入css的办法是同样的,只不外要应用另一个函数wp_minify_css()。函数的参数是一个数组,数组外部的元素是剧本文件的门路,以WordPress装置目次为根目次,写入完好的绝对门路。

为何要绝对于WordPress的根目次写剧本呢?而没有是绝对你以后的主标题录呢?其实情理很简略,由于你所援用的css或许js纷歧定是主标题录下的,有的时分你会援用其余目次上面的款式或许剧本。当然,这是绝对门路,你乃至能够援用WordPress上一级目次的剧本,例如 "/../test.js",然而留意,剧本的扫尾肯定要用/扫尾,不然可能惹起绝对门路谬误。

当然了,详细的应用办法正在你理解了原理之后就能够十分容易的去本人修正或施展。

更多WordPress技巧文章,请拜访WordPress建站教程栏目!

以上就是对于CSS以及JS兼并的WordPress插件的具体内容,更多请存眷资源魔其它相干文章!

标签: WordPress wordpress教程 wordpress自学 wordpress技术

抱歉,评论功能暂时关闭!