在将内联css代码写入数据库之前将其缩小,然后在编辑时将其取消

时间:2010-07-02 14:36:18

标签: wordpress minify

我的主题有一个自定义的css代码块,我允许网站所有者将他们需要的任何自定义css直接添加到主题的head部分。这将它们放在此块中的任何内容作为自定义选项插入插入到wordpress数据库中。

然后我将此内容检索到header.php中,并在内联样式标记之间输出,如此...

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

这非常好用,但是,我希望在将标记写入数据库时​​清理并缩小标记。我想这需要一个正则表达式?如果是这样,会是什么?

我正在寻找的结果,当代码写入页面的标记时是......

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

我还希望在将缩小标记呈现给用户以在我的主题选项中进行编辑时将其反转。在那个视图中,我只想重新格式化缩小的css代码,以便每个指令都回到自己的行上。

2 个答案:

答案 0 :(得分:2)

这取决于你想要达到的目标。我同意@thomasfedb的说法,你可能会通过这种转变来搞乱大多数人的CSS风格,并且可能会造成比它的价值更多的麻烦。

我建议您将数据保存为用户输入的数据,然后在将其渲染到页面时“缩小”数据。

这不会在数据库中保存和存储,并且会增加每页渲染的CPU使用率,但它会为您节省所有额外换行符的带宽。

假设数据库存储不是很重要的另一个选择是将数据存储两次,一次存储在用户编辑的位置,并且一旦缩小。然后,只要用户进行任何更改,只需将用户可编辑字段缩小并复制到缩小字段中。

答案 1 :(得分:1)

我认为没有任何真正的理由这样做,网页中的一些换行特征并不会让你花费很多的页面重量。

因此我的解决方案是:不要。

此外,即使你扭转了缩小,你也可能会“混淆”一些喜欢不同CSS布局的人的风格。