TYPO3 用于菜单链接的自定义 css 类答案

【问题标题】：TYPO3 Custom css class for menu linksTYPO3 用于菜单链接的自定义 css 类
【发布时间】：2014-04-07 04:43:45
【问题描述】：

我正在使用 Bootstrap 包在 TYPO3 6.2 上开发一个新网站。

我想通过后端向菜单链接添加一个自定义 CSS 类，并在我的模板中打印 CSS 类。因此，如果我使用 Typo3 后端：

页面 > 任何页面属性 > 外观或行为选项卡 > 自定义 CSS 类（我想要一个可以输入类的字段）

所以我可以在那里键入我的 CSS 类，例如第 2 页的“span3 orange”和第 3 页的“span4 green”，第 1 页为空。在我的HTML 我想在菜单中打印这样的 css 类：

<ul>
    <li><a href="page-1"> Page 1 </a></li>
    <li><a href="page-2" class="span3 orange"> Page 2 </a></li>
    <li><a href="page-3" class="span4 green"> Page 3 </a></li>
</ul>

我该怎么做？

注意 1：这是一个拥有数千个页面的大型网站，因此我可以为每个页面添加类。
注意 2： 请注意，现在菜单是通过 TypoScript 生成并在我的流体模板中调用的。

您还可以解释如何在 body 标记或页面的任何其他部分打印 css 类：

<body class="span3 orange">

【问题讨论】：

简单（不完整）的答案：您可以使用纯 TypoScript 执行此操作，但具有自定义字段的部分除外。这部分需要通过一个小型扩展来完成。

标签： css typo3 typoscript fluid extbase

【解决方案1】：

您可以使用页面字段“前端布局”，除非您不将其用于其他目的。自定义字段需要一个自己的迷你扩展。

只要选择了其他前端布局，您就可以为 css 类编写一个流畅的条件。条件的位置是模板部分重绘菜单。

http://wiki.typo3.org/Fluid#f:if.2C_f:then.2C_f:else

【讨论】：