如何在 Weebly 模板中添加新部分

Question

我想编辑一个 header 类型，以便它有 4 个静态部分，编辑器可以在其中拖放新字段。

模板目前只有以下内容；

 <div class="main-wrap">
  {{#sections}}
      <div class="container">{content}</div>
  {{/sections}}
</div>

有没有什么方法可以像这样对主容器进行倍增？

 <div class="main-wrap">
  {{#sections}}
      <div class="container">{content}</div>
  {{/sections}}
</div>

 <div class="main-wrap2">
  {{#sections}}
      <div class="container">{content}</div>
  {{/sections}}
</div>

 <div class="main-wrap3">
  {{#sections}}
      <div class="container">{content}</div>
  {{/sections}}
</div>

 <div class="main-wrap4">
  {{#sections}}
      <div class="container">{content}</div>
  {{/sections}}
</div>

我只是不确定我应该给额外的东西而不是{content}。因为只要有{content}标签，就是复制第一节的内容。

知道如何让它发挥作用吗？我的目的是为每个部分分别提供特定的样式。

Answer 1

首先，让我指出 {{#sections}} 允许您创建多个部分，方法是将部分元素拖到内容区域中。每个部分都可以有自己的 'style' 或背景。因此，实际上不需要单独的内容区域，除非它们不是彼此堆叠的统一区域。

所以，你真正需要的是..

 <div class="main-wrap">
  {{#sections}}
      <div class="container">{content}</div>
  {{/sections}}
</div>

也就是说，如果您仍想继续您的计划，您可以为其他内容区域使用唯一的内容标签，包括 global="false"。 global="false"表示内容不会出现在使用该页面类型的其他页面上。

示例{content2:content global="false"}

 <div class="main-wrap">
    <div class="container">{content}</div>
 </div>

 <div class="main-wrap2">
    <div class="container">{content2:content global="false"}</div>
 </div>

 <div class="main-wrap3">
    <div class="container">{content3:content global="false"}</div>
 </div>

 <div class="main-wrap4">
    <div class="container">{content4:content global="false"}</div>
 </div>

请注意，我删除了 'sections'，因为我不确定您是否真的希望每个区域都这样。

如何在 Weebly 模板中添加新部分

How to add a new section in Weebly template

weebly