如何将撇号小部件包装在 'apos.area' 内的 html 标签中？

Question

我想用自定义标签包装 apos.area 生成的小部件以改进 SEO。

<ul>
  {{ apos.area(data.page, 'links', {
    widgets: {
      'internal-link': {},
      'external-link': {}
    }
  }) }}
</ul>

在这个例子中，我用 ul 标签包裹了 apos.area，但是我传递的小部件没有 li 标签在他们的模板中。

有什么方法可以强制每个小部件都包含在自定义 html 标签中吗？

Answer 1

撇号将围绕这些小部件中的每一个进行标记，最好的情况下您不关心这些小部件，最坏的情况下会破坏您的语义。

为了完全控制此标记，我将制作一个更通用的 link 小部件，其中包含内部和外部 link 类型的模式选项。然后在您的 widget.html 中，您可以打印出语义正确的 link 列表及其各种属性。

如果您的 internal-link 和 external-link 小部件已经在您的网站上广泛使用，您可以制作一个包装器小部件，在架构中包含它们的单例。