允许编辑者在 Magnolia CMS 中添加任意数量的区域

Question

我正在使用 Magnolia CMS 5.3.4。

我想创建一个 "stacked" 页面模板，编辑者可以在主区域中添加任意数量的 "row" 区域。每个 "row" 区域将包含一个组件列表。

提供此功能的最简单/最干净的方法是什么？

定义大量的行（例如，区域"row1"、区域"row2"等），但维护起来很繁琐。

Answer 1

我们已经为 magnolia twitter bootstrap 模块做了完全相同的事情（转到 nexus.magnolia-cms.com 并搜索 twitter-bootstrap-模块）。

提示：首先只有 "row component" 可用，它只向您的主要内容添加行，然后在每一行中有其他组件的可用性，如文本、图像、预告片...

Answer 2

您可以将区域嵌套在组件内、区域内等。

STK 的 LinkList 组件就是一个很好的例子。 footer link list contains an area 处理通常在页面模板区域中找到的子节点的迭代。即

[#list components as component ]
    [@cms.component content=component /]
[/#list]

所以。您的页面模板可以包含一个区域 mainArea，该区域可以包含任意数量的 rowComponent 项。

然后 rowComponent 的每个实例都可以包含标记以确保它呈现为一行，包裹在呈现子组件的区域周围。

也将您的设计应用于 Magnolia 演示中的配置：

Footer Link List 将是您的行组件。

Link List Area 将是您所在行的内容。

Internal and External Links 是您要在行中添加的各种组件。

Enable editors to add an arbitrary number of areas in Magnolia CMS