【问题标题】:Typo3: Backend Layout CSSTypo3:后端布局 CSS
【发布时间】: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


【解决方案1】:

您可以使用打字条件进行管理,用户低于条件这将适合您。

[globalVar = TSFE:page|backend_layout = 1]
    page.includeCSS.css = your/file/path.css
[global]
[globalVar = TSFE:page|backend_layout = 2]
    page.includeCSS.css = your/file/path.css
[global]

除此之外,您可以按照@sebkln 更好的开发标准为子页面创建新布局。说。

谢谢! 问候。

【讨论】:

  • 是的,完全正确..您必须在 setup.ts 中添加它..:)
  • @josias 是的,此代码在设置打字稿中。记住:排版模板(常量,设置)=> 前端; TSConfig(用户,页面)=> 后端
猜你喜欢
  • 2016-09-14
  • 1970-01-01
  • 2017-05-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多