撇号页面标签,类型过滤器



我正在创建一组不同的模板,因为想要允许用户创建不同类型的页面,就像在使用不同模板中一样,根据内容。这就是为什么我想创建一个过滤器,该过滤器可以帮助我按类型过滤页面并使用每个页面上包含的不同标签。

我只想在以下教程中添加,以在描述如何在创建过滤器时列出标签时,使用postrophe-pieces pages创建UI,而URL字段丢失了零件。它应该如下:

<ul class="tag-filters">
  {% for tag in data.piecesFilters.tags %}
    <li><a href="{{ data.page._url | build({ tags: tag.value }) }}">{{ tag.label }}</a></li>
  {% endfor %}
</ul>

由于您的内容不是在树中构造的,而是由其他属性动态过滤,因此正确的方向是使用零件而不是页面。请参阅可重复使用的内容。

特别是,您需要查看该教程的人列表的过滤列表,该列表演示了如何基于任何模式字段创建过滤器,包括类型" Select"字段。"选择"类型的字段非常适合您独特的"博客模板"。您可以使用该字段来从 apostrophe-pieces-pages子类的主要show.html模板中通过Nunjucks来确定include的文件。

阅读过去,您将学习如何用Ajax为这些过滤器供电,以便它们不需要完整页面刷新,但仍然支持SEO并构建浏览器历史记录等。

编辑为添加:与上述教程相关的某些最相关的材料是在文章中使用postrophe-piecesPages创建UI的文章。