如何将撇号小部件包装在 'apos.area' 内的 html 标签中?
How to wrap apostrophe widgets in html tags inside 'apos.area'?
我想用自定义标签包装 apos.area 生成的小部件以改进 SEO。
<ul>
{{ apos.area(data.page, 'links', {
widgets: {
'internal-link': {},
'external-link': {}
}
}) }}
</ul>
在这个例子中,我用 ul 标签包裹了 apos.area,但是我传递的小部件没有 li 标签在他们的模板中。
有什么方法可以强制每个小部件都包含在自定义 html 标签中吗?
撇号将围绕这些小部件中的每一个进行标记,最好的情况下您不关心这些小部件,最坏的情况下会破坏您的语义。
为了完全控制此标记,我将制作一个更通用的 link
小部件,其中包含内部和外部 link 类型的模式选项。然后在您的 widget.html
中,您可以打印出语义正确的 link 列表及其各种属性。
如果您的 internal-link
和 external-link
小部件已经在您的网站上广泛使用,您可以制作一个包装器小部件,在架构中包含它们的单例。
我想用自定义标签包装 apos.area 生成的小部件以改进 SEO。
<ul>
{{ apos.area(data.page, 'links', {
widgets: {
'internal-link': {},
'external-link': {}
}
}) }}
</ul>
在这个例子中,我用 ul 标签包裹了 apos.area,但是我传递的小部件没有 li 标签在他们的模板中。
有什么方法可以强制每个小部件都包含在自定义 html 标签中吗?
撇号将围绕这些小部件中的每一个进行标记,最好的情况下您不关心这些小部件,最坏的情况下会破坏您的语义。
为了完全控制此标记,我将制作一个更通用的 link
小部件,其中包含内部和外部 link 类型的模式选项。然后在您的 widget.html
中,您可以打印出语义正确的 link 列表及其各种属性。
如果您的 internal-link
和 external-link
小部件已经在您的网站上广泛使用,您可以制作一个包装器小部件,在架构中包含它们的单例。