當(dāng)前位置:首頁 >  站長 >  編程技術(shù) >  正文

CSS和JS合并的WordPress插件怎么用

 2021-01-22 15:17  來源: 黎青松SEO博客   我來投稿 撤稿糾錯

  域名預(yù)訂/競價,好“米”不錯過

我們平時會考慮把多個CSS或JS合并為一個文件輸出,為了解決這個問題,我寫了這個WordPress插件,用來實現(xiàn)WordPress中的這一目的。

實現(xiàn)原理

如果你讀過我之前的《PHP合并壓縮css輸出 模塊化css撰寫》可以先了解我對緩存文件的一些處理方式,以及合并文件、壓縮代碼的一些想法。而本插件的實現(xiàn)原理則基本上和上面的這篇文章里介紹的差不多。

安裝

首先,下載這個插件,我把它托管在我的GitHub上,你可以在這個頁面下載。下載好之后,進行解壓,解壓完直接把解壓出來的整個文件夾上傳到你的WordPress網(wǎng)站插件目錄下。然后去后臺啟用它。

使用

進入后臺,在“設(shè)置”菜單下有一個子菜單“Minify”,進入后可以對它的各個選項進行設(shè)置,而且都有注釋,可以了解功能。

使用wp-minify必須修改主題,因為你輸出css和js的方式不一樣了。 在你的主題中,刪除原來的CSS和JS輸出,使用如下的方法輸出JS:

輸出css的方法是一樣的,只不過要使用另外一個函數(shù)wp_minify_css()。函數(shù)的參數(shù)是一個數(shù)組,數(shù)組內(nèi)部的元素是腳本文件的路徑,以WordPress安裝目錄為根目錄,寫入完整的相對路徑。

為什么要相對于WordPress的根目錄寫腳本呢?而不是相對你當(dāng)前的主題目錄呢?其實道理很簡單,因為你所引用的css或者js不一定是主題目錄下的,有的時候你會引用其他目錄下面的樣式或者腳本。當(dāng)然,這是相對路徑,你甚至可以引用WordPress上一級目錄的腳本,例如 "/../test.js",但是注意,腳本的開頭一定要用/開頭,否則可能引起相對路徑錯誤。

當(dāng)然了,具體的使用方法在你了解了原理之后就可以非常容易的去自己修改或發(fā)揮。

文章來源:黎青松SEO博客

來源地址:http://www.alitaohuo.com/CMSjiaocheng/wordpressjiaocheng/2011.html

申請創(chuàng)業(yè)報道,分享創(chuàng)業(yè)好點子。點擊此處,共同探討創(chuàng)業(yè)新機遇!

相關(guān)標簽
wordpress
css怎么用
JS文件合并

相關(guān)文章

  • Zblog轉(zhuǎn)WordPress最簡單的方法

    給大家?guī)鞿blog轉(zhuǎn)WordPress的方法,本站也是從用這個方法轉(zhuǎn)換的,相當(dāng)簡單,首先需要建立一個WordPress的網(wǎng)站,域名隨意。

    標簽:
    wordpress
  • 獵者營:常用的免費個人博客網(wǎng)站系統(tǒng)

    博客網(wǎng)站是眾多的網(wǎng)站類型中應(yīng)用屬于比較頻繁的一種,另外一種就是企業(yè)網(wǎng)站。今天獵者營就給大家來分享一些常用的免費個人博客網(wǎng)站系統(tǒng)。1.WordPressWordPress是個人博客網(wǎng)站里面應(yīng)用率最高的一種免費建站系統(tǒng),是屬于開源的程序。

  • WordPress緩存插件導(dǎo)致admin-ajax.php 403的解決方案

    如果使用的是WPFastestCache或WPSuperCache等緩存插件,可以設(shè)置一個時間自動清空緩存,比如WPFastestCache可以在【刪除緩存】選項卡按照下圖添加一個規(guī)則:每10小時清空一次全部緩存。

    標簽:
    wordpress
  • WordPress需要訪問您網(wǎng)頁服務(wù)器的權(quán)限如何解決

    今天更新wordpress版本時網(wǎng)站后臺提示“要執(zhí)行請求的操作,WordPress需要訪問您網(wǎng)頁服務(wù)器的權(quán)限”,更新插件也提示,更新主題也提示。

    標簽:
    wordpress
  • wordpress手動更新方法介紹

    wordpress版本更新已經(jīng)完成,有不明白的地方可以留言給我。個人剛剛已經(jīng)更新完成,方法完全可靠,多數(shù)情況下不用備份數(shù)據(jù),不過我還是建議盡量備份數(shù)據(jù),以免發(fā)生特殊情況導(dǎo)致數(shù)據(jù)丟失,畢竟數(shù)據(jù)是無價的。

    標簽:
    wordpress

熱門排行

信息推薦