【问题标题】:typo3 9.5 - how to get rid of gray header box?错字3 9.5 - 如何摆脱灰色标题框?
【发布时间】:2021-01-27 15:24:22
【问题描述】:

当我在typo3 9.5 中的文本内容元素中使用我的h1 和h2 样式时,它们会得到很好的显示。

但是,当我使用元素的标题字段时,我得到了这个灰色框,而不是我的 h1 格式。

如何配置typo3 以显示h1 样式?

【问题讨论】:

    标签: typo3-9.x fluid-styled-content


    【解决方案1】:

    如果您使用流畅样式的内容 (FSC) 或使用 FSC 的包(如引导程序包),您将在这些扩展中找到内容元素 (CE) 的模板,您可以从中将其复制到您的站点扩展和将您的路径添加到路径列表后,您修改的模板用于呈现该 CE。

    这是修改扩展bootstrap_package的渲染的typoscript配置:

    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 的渲染是使用在打字稿中配置的模板文件夹中的同名模板完成的(见上文)

    这些文件通常包含对同一布局文件 (Layouts/Default.html) 的调用,该文件使用部分 Header/All 和其他用于间距和锚点的不同 html 呈现标题。

    在部分 Header/All 中,我们还有更多的部分,如果给定适当的部分,则它们会呈现字段 headersubheaderdate

    注意这些部分的附加参数:layoutpositionClasslinkdefault,它们会影响标题的外观。

    可能是因为您的记录中有一个特殊的 header_layout -h6 用于 FSC 扩展的 HTML 标签。

    【讨论】:

    • 感谢您的回答。我正在使用 FSC。我看到了 Layouts 目录,里面只有一个 Default.html 文件。我该怎么办?
    • 您需要了解 FLUID 和计算顺序。我在答案中添加了对使用 FSC 进行标题渲染的解释。
    • 有一个 CSS 标签,我只是删除了它...谢谢!
    猜你喜欢
    • 1970-01-01
    • 2023-02-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-05-31
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多