typo3 9.5 - 如何摆脱灰色 header 框?
typo3 9.5 - how to get rid of gray header box?
当我在 typo3 9.5 中的文本内容元素中使用我的 h1 和 h2 样式时,它们会按照我的需要很好地显示。
然而,当我使用元素的 header 字段时,我得到这个灰色框而不是我的 h1 格式。
如何配置 typo3 以在那里显示 h1 样式?
如果您使用流体样式内容 (FSC) 或使用 FSC 的包(如 bootstrap 包),您将在这些扩展中找到内容元素 (CE) 的模板,您可以从中复制将其添加到您的站点扩展中,并将您的路径添加到路径列表后,您修改后的模板将用于呈现该 CE。
这是修改扩展渲染的错别字配置bootstrap_package
:
lib {
contentElement {
layoutRootPaths {
// 0 = EXT:bootstrap_package/Resources/Private/Layouts/ContentElements/
10 = EXT:my_site_extension/Resources/Private/Layouts/ContentElements/
}
partialRootPaths {
// 0 = EXT:bootstrap_package/Resources/Private/Partials/ContentElements/
10 = EXT:my_site_extension/Resources/Private/Partials/ContentElements/
}
templateRootPaths {
// 0 = EXT:bootstrap_package/Resources/Private/Templates/ContentElements/
10 = EXT:my_site_extension/Resources/Private/Templates/ContentElements/
}
}
}
带有 0 =
的条目由 ext:bootstrap_package
设置(或由 ext:fluid_styled_content
设置)并向您显示在没有覆盖的情况下使用的模板的路径。
带有 10 =
的条目(您可以使用任何更大的数字来优先选择您的模板)应该显示在您的站点扩展 (ext:my_site_extension
) 中的文件夹中,您在其中保存修改后的副本.
您只需要复制您修改的模板,因为原始路径会回退到任何被引用为模板、布局或部分的模板文件。请注意路径,因为可以使用(相对)路径引用这些文件。
编辑:
对于 FSC,特定 CE 的渲染是使用在 typoscript 中配置的模板文件夹中的同名模板完成的(见上文)
这些文件通常包含对同一布局文件 (Layouts/Default.html
) 的调用,该布局文件使用部分 Header/All
和不同的其他 html 呈现 header 间距和锚.
在分词 Header/All
中,我们还有更多的分词可以呈现字段 header
、subheader
和 date
(如果给定了适当的分词)。
请注意这些部分的附加参数:layout
、positionClass
、link
、default
,这将影响 header 的外观。
可能是因为你的记录里有一个特殊的header_layout才给你不寻常的外貌
或者另一个扩展已经覆盖了默认模板(部分) 以获取那些装箱的 headers 而不是 FSC 中使用的 h1-h6 HTML 标签扩展。
当我在 typo3 9.5 中的文本内容元素中使用我的 h1 和 h2 样式时,它们会按照我的需要很好地显示。
然而,当我使用元素的 header 字段时,我得到这个灰色框而不是我的 h1 格式。
如何配置 typo3 以在那里显示 h1 样式?
如果您使用流体样式内容 (FSC) 或使用 FSC 的包(如 bootstrap 包),您将在这些扩展中找到内容元素 (CE) 的模板,您可以从中复制将其添加到您的站点扩展中,并将您的路径添加到路径列表后,您修改后的模板将用于呈现该 CE。
这是修改扩展渲染的错别字配置bootstrap_package
:
lib {
contentElement {
layoutRootPaths {
// 0 = EXT:bootstrap_package/Resources/Private/Layouts/ContentElements/
10 = EXT:my_site_extension/Resources/Private/Layouts/ContentElements/
}
partialRootPaths {
// 0 = EXT:bootstrap_package/Resources/Private/Partials/ContentElements/
10 = EXT:my_site_extension/Resources/Private/Partials/ContentElements/
}
templateRootPaths {
// 0 = EXT:bootstrap_package/Resources/Private/Templates/ContentElements/
10 = EXT:my_site_extension/Resources/Private/Templates/ContentElements/
}
}
}
带有 0 =
的条目由 ext:bootstrap_package
设置(或由 ext:fluid_styled_content
设置)并向您显示在没有覆盖的情况下使用的模板的路径。
带有 10 =
的条目(您可以使用任何更大的数字来优先选择您的模板)应该显示在您的站点扩展 (ext:my_site_extension
) 中的文件夹中,您在其中保存修改后的副本.
您只需要复制您修改的模板,因为原始路径会回退到任何被引用为模板、布局或部分的模板文件。请注意路径,因为可以使用(相对)路径引用这些文件。
编辑:
对于 FSC,特定 CE 的渲染是使用在 typoscript 中配置的模板文件夹中的同名模板完成的(见上文)
这些文件通常包含对同一布局文件 (Layouts/Default.html
) 的调用,该布局文件使用部分 Header/All
和不同的其他 html 呈现 header 间距和锚.
在分词 Header/All
中,我们还有更多的分词可以呈现字段 header
、subheader
和 date
(如果给定了适当的分词)。
请注意这些部分的附加参数:layout
、positionClass
、link
、default
,这将影响 header 的外观。
可能是因为你的记录里有一个特殊的header_layout才给你不寻常的外貌
或者另一个扩展已经覆盖了默认模板(部分) 以获取那些装箱的 headers 而不是 FSC 中使用的 h1-h6 HTML 标签扩展。