2010-07-02 46 views
1

我的主題有一個自定義的CSS代碼塊,我允許網站所有者增加,他們需要直接到主題的head部分的任何自定義CSS時則unminify它。這將插入他們在此塊中放置的任何內容到wordpress數據庫中作爲自定義選項插入。縮減大小內嵌CSS代碼之前其寫入數據庫,編輯

我然後檢索這些內容到header.php文件,內嵌式的標籤,像這樣輸出之間吧...

<style type="text/css"> 
.test h1 {} 
.testcss2, .somecss {} 
</style> 

這工作完全正常,但是,我想清理,然後再縮小標記當它寫入數據庫時​​。我想有一個正則表達式需要做到這一點?如果是這樣,那會是什麼?

結果我在尋找,當代碼被寫入網頁的標記是...

<style type="text/css">.test h1{}.testcss2,.somecss{}</style> 

我也想扭轉縮小的標記時,它呈現給用戶,以編輯我的主題選項。在這個視圖中,我只是想重新格式化縮小的CSS代碼,以便每個指令回到自己的路線。

回答

2

這取決於你想要做到這一點。我同意@thomasfedb,你可能會通過這種轉變來混淆大多數人CSS的風格,並且可能會比它的價值造成更多的麻煩。

這是我的建議,你保持的資料完全符合用戶輸入,然後「縮小」它時,你把它渲染頁面。

這也救不了你,並存儲在數據庫中,並會增加每頁的CPU使用率呈現,而且可以節省你所有的額外換行字符的帶寬。

另一種選擇,假定數據庫存儲是沒有太大的關注,是存儲數據兩次,一次是在用戶編輯,一旦精縮。然後,只要用戶進行任何更改,只需將用戶可編輯字段縮小並複製到縮小字段即可。

+0

我喜歡你的第二種方法。我會將一個unminified css的副本存儲在一個變量中,並將一個縮小的副本存儲在另一個變量中。現在我只需要一些正則表達式來執行縮小過濾器。 – 2010-07-02 17:56:08

1

我沒有看到任何真正的原因要做到這一點,網頁中的幾個換行符charactors不是真的要花費你很頁面權重。

因此,我的解決方案是:不。

而且,即使你扭轉微小,你可能「惹風格」一些人,誰喜歡不同的CSS佈局。