如何将CSS添加到TYPO9.5扩展?

时间:2018-10-25 08:58:04

标签: typo3 typo3-8.x typo3-9.x

将CSS添加到扩展的公用文件夹中的正确方法是什么?我需要做些什么才能加载CSS。

例如,我具有以下结构:

Public/Css/style.css
Configuration/TypoScript/setup.typoscript
Configuration/TypoScript/constants.typoscript

我是否必须在setup.typoscript中添加一些代码?

2 个答案:

答案 0 :(得分:7)

从TYPO3 8.7开始,您可以使用HeaderAssetsFooterAssets部分将HTML从Fluid模板添加到页眉或页脚。例如:

<f:section name="HeaderAssets">
    <link rel="stylesheet" href="{f:uri.resource(path: 'Css/styles.css')}"/>
</f:section>

此页面优于page.includeCSS的优点在于,仅在呈现该模板时才包含它,而不是在所有页面上包含。

答案 1 :(得分:1)

您的CSS必须位于: extensionkey/Resources/Public/Css/

然后在您的打字稿(设置)中添加:

page.includeCSS.csskey = EXT:extensionkey/Resources/Public/Css/style.css

“ csskey”必须是唯一的标识符。