新聞中心
NEWS
當前位置: 首頁(yè) > AI運營(yíng)推廣
CSS和JS合并的WordPress插件怎么用
時(shí)間:2026-05-05 05:19:39我們平時(shí)會(huì )考慮把多個(gè)CSS或JS合并為一個(gè)文件輸出,和合并為了解決這個(gè)問(wèn)題,插件我寫(xiě)了這個(gè)(ge)WordPress插件,和合并用來(lái)實(shí)(???)現(xian)WordPress中的插件這一目的。
實(shí)現(╥_╥)原理
如果你讀過(guò)我之前的和合并《PHP合并壓縮css輸出 模塊化css撰寫(xiě)》可以先了解我對緩存文件的一些處理方式,以及合??并文件、插件壓縮代碼的和合并一些想法(fa)。而本插件的插件實(shí)現原理則基本上和上面的這篇文章里介紹的差不多。
安裝
首先,和合并下載這個(gè)插件,插件我把它托管在我的和合并GitHub上,你可以在這個(gè)(ge)頁(yè)面下載。插(′?_?`)件下載好之后,和合并進(jìn)行解壓,插件解壓完直接把解壓出來(lái)的和合并整個(gè)文件夾上傳到你的WordPress網(wǎng)站插件目錄下。然后去后臺啟用它。
使用
進(jìn)(jin)入后臺,在“設置”菜單下有一個(gè)子菜單“Minify”?,進(jìn)入后可以對它的各個(gè)選項進(jìn)行設置,而且都有注釋?zhuān)梢粤私夤δ堋?/p>
使用wp-minify必須修改主題,因為你輸出css和js的方式不一樣了。 在你的主題中,刪除原(yuan)來(lái)的CSS和JS輸出??,使用如下的方法輸出JS:
輸出css的方法是一樣的,只不過(guò)要使用另外一個(gè)函數wp_mini??fy_css()。函數的(′_ゝ`)參(can)數是一個(gè)數組,數組內部的元素是腳本文件的路徑,以WordPress安裝目錄為(wei)根??目錄??,寫(xiě)入完整的相對路徑。
為什么要相對于WordPress的根目錄寫(xiě)??腳本呢?而不是相對你當前的(′?`)主題目錄呢?其實(shí)道理很簡(jiǎn)單,因為你所引用的css或者js不一定是主題目錄(′?`)下的,有的時(shí)候你會(huì )引用其他目錄下面的樣式或者腳本。當然,這是相對路徑,你甚至可以引用WordPress??上一級目錄的腳本,例如 "/../test.js",但是注意,腳本的開(kāi)頭一定ヾ(^-^)ノ要用/開(kāi)頭,否則可能引起相對路徑錯誤。
當然??了,具體的使用方法在你(/ω\)了解了原理之后就可以非常容易的去自己修改或發(fā)揮。
文章來(lái)源:黎青松SEO博客
來(lái)源地址:http:/(′▽?zhuān)?)/www.alitaohuo.com/CMSjiaocheng/wordpressjiaocheng/201(⊙_⊙)1.html
客服電話(huà)17314149516
Copyright ? 2012-2018 天津九安特機電工程有限公司 版權所有 備案號:
客服電話(huà)19942425257