【发布时间】:2018-04-27 06:03:50
【问题描述】:
我正在开发一个 Typo3 项目,我已经成功创建了后端布局,它将使用给定的同名 Fluid HTML 模板。
这是我的布局之一:
#
# BACKENDLAYOUT: CONTACT
#
mod {
web_layout {
BackendLayouts {
contact {
title = Contact Layout
config {
backend_layout {
colCount = 2
rowCount = 1
rows {
1 {
columns {
1 {
name = First Col
colPos = 0
}
2 {
name = Second Col
colPos = 1
}
}
}
}
}
}
icon = EXT:extensionname/Resources/Public/Images/BackendLayouts/contact.png
}
}
}
}
所以现在我的问题是,如何将我的页面 css(我现在有一个与所有页面对齐的主 css)与后端布局链接。例如选择联系人后台布局会将contact.css文件添加到流体模板中。
我知道我可以做到的一种方法是在每个页面的后端创建一个 Typo3 模板,但我想这不是实现它的最佳方法。我所有的流畅模板和打字稿都在使用出色工具 sitepackagebuilder 创建的扩展中。
提前致谢。
【问题讨论】:
-
真的有必要使用不同的样式表吗?最好是为所有子页面使用一个文件,因此用户只需在第一页上加载一个文件,并让浏览器为网站的其余部分缓存此样式表。最好使用缩小的 CSS 和 gzipped。
-
所以现在,我有一个适用于所有页面的 main.css,并且对于每个页面都有一个额外的 page.css,仅包括此页面的类。所以你建议将所有css文件导入一个主要css实际上更聪明?反正我用的是 Sass,所以修改它对我来说不是问题..
-
是的。虽然样式表会包含一些并非每个页面都需要的声明,但它仍然会改进页面呈现,因为浏览器只需要一个对 CSS 的 HTTP 请求。如果您只需要为一个子页面在样式表中添加大量内容,情况可能会有所不同。
标签: css content-management-system typo3