如何处理好css组织

时间:2013-05-02 作者:JamesHoux

我注意到没有多少人下载了插件Combine CSS。没有它,我不知道有什么更好的方法可以自动组合CSS文件。我想知道,99%使用WordPress的开发人员仅仅在一个样式表中工作吗?没有combine CSS插件,还有其他方法可以组合CSS吗?

5 个回复
SO网友:sagalbot

如果您有Apache服务器的shell访问权限,Google\'s Mod Pagespeed 是一种在服务器级别自动执行此操作的好方法。它有非常强大的选项,不仅可以组合CSS和加快站点速度。

mod_pagespeed

mod\\u pagespeed可加快网站速度并缩短页面加载时间。此开源Apache HTTP服务器模块自动将web性能最佳实践应用于页面和相关资产(CSS、JavaScript、图像),而无需修改现有内容或工作流。

SO网友:Ralf912

几个常量用于管理脚本和CSS的加载、连接和压缩:

define(\'SCRIPT_DEBUG\', true); 加载所有脚本和CSS的开发(非精简)版本,并禁用压缩和串联,

define(\'CONCATENATE_SCRIPTS\', false); 禁用脚本和CSS的压缩和连接,

define(\'COMPRESS_SCRIPTS\', false); 禁用脚本压缩,

define(\'COMPRESS_CSS\', false); 禁用CSS压缩,

define(\'ENFORCE_GZIP\', true); 强制压缩gzip(默认值为deflate)。

这就是你想要的答案吗?WordPress有一个内置的脚本和css连接。但你必须自己激活它define( \'CONCATENATE_SCRIPTS\', true );. 似乎大多数博客所有者都不知道这一点,或者根本不在乎。

SO网友:AndrettiMilas

我同意你的观点,在一个名为“WordPress答案”的网站上,对你能回答什么/不能回答什么的限制有点荒谬。除此之外,我实际上会给你一个答案,而不是争论这一点。

有时我们有CSS,它只对单个页面是必需的。像联系人表单或归档页这样的东西通常都是这样。为了解决这个问题,我们可以结合以下一些答案:http://wordpress.org/support/topic/different-css-on-one-page 这种类型的解决方案可以防止您在不需要CSS的页面上加载不必要的CSS,非常有用http://www.styleneat.com/

SO网友:Dalton Rooney

我是CodeKit的忠实粉丝:http://incident57.com/codekit/

我与LESS, 所以我将CSS组织成多个。更少文件:重置。更少,webfonts。减去,表格。更少,风格。更少等等。每次我在本地计算机上对其中一个文件进行更改时,CodeKit都会自动将整个文件编译成主样式。css。这样,我的代码组织得很好,但站点只需要加载一个压缩的样式表。

SO网友:Matthew Boynes

我使用SassCompass, 除了CSS组合和压缩之外,它还提供了许多好处。LESS 是另一个很好的选择,正如上面提到的@道尔顿。没有必要购买CodeKit来使用Sass或更少(尽管这是一个很棒的应用程序),因为两者都是开源的。

结束

相关推荐

将CSS集成到WP函数调用中

下面是我用来显示帖子视图的代码。它与选项面板集成,允许用户选择是否显示它。我想集成div类。将视图直接发布到代码中。我之所以这样做,是因为它包含了一个蓝色背景,如果不显示视图,仍然会显示蓝色背景。<div class=\"postviews\"> <?php $options = get_option(\'to_post_views\'); if( $options == \'Yes\' ) { echo getPostViews( get_the_ID() );