溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關什么是CSS和JS合并的WordPress插件，文章內容質量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關知識有一定的了解。
我們平時會考慮把多個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"，但是注意，腳本的開頭一定要用/開頭，否則可能引起相對路徑錯誤。
當然了，具體的使用方法在你了解了原理之后就可以非常容易的去自己修改或發揮。
關于什么是CSS和JS合并的WordPress插件就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
