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 中,我们还有更多的分词可以呈现字段 headersubheaderdate(如果给定了适当的分词)。

请注意这些部分的附加参数:layoutpositionClasslinkdefault,这将影响 header 的外观。

可能是因为你的记录里有一个特殊的header_layout才给你不寻常的外貌
或者另一个扩展已经覆盖了默认模板(部分) 以获取那些装箱的 headers 而不是 FSC 中使用的 h1-h6 HTML 标签扩展。