Multiple Page Templates & CSS

时间:2011-05-15 作者:NewToCode

在使用多个页面模板的主题上处理CSS的最佳实践是什么?

例如:我将有一个全宽页面模板和一个两列页面模板。

最好只在单个CSS中调用容器(#fullWidthContainer vs.#twoColumnContainer)

还是为每个页面模板提供单独的CSS文件更好?

1 个回复
最合适的回答,由SO网友:Milo 整理而成

这并不是WordPress特有的,但从服务器的角度来看,它会为访问者添加额外的http请求以加载额外的css文件,而不是从缓存中提取相同的站点范围的css文件。

从css的角度来看,我更喜欢将其保存在一个文件中。有些人喜欢以不同的方式组织事物,比如在一个文件中使用所有文本样式,然后在另一个文件中布局特定的内容。在这种情况下,它们可能会将特定于某些模板的布局保持为单独的。

对于简单的布局差异,我会执行以下操作:

模板a:

<div id="main-content" class="full-width">
</div>
模板b:

<div id="main-content" class="narrow-width">
</div>
css:

#main-content {
    /* common to all content */
}

.full-width {
    width:500px;
}

.narrow-width {
    width:300px;
}
我让ID对内容有意义,并使用类定义布局。

结束