Modular page with different collections

@kernel52,

Try the following:

• Download skeleton Blog Site which contains pages with several tags.
• Create new page /user/pages/02.test/test.md

• Create 3 collections in page

  YAMLCopy

  ---
  mushroom:
  items:
    '@taxonomy.tag': mushroom
  limit: 1
  order:
      by: date
      dir: desc
  
  travel:
  items:
    '@taxonomy.tag': travel
  limit: 1
  order:
      by: date
      dir: desc
  
  architecture:
  items:
    '@taxonomy.tag': architecture
  limit: 1
  order:
      by: date
      dir: desc
  ---
  
  # My page with last items of 3 categories
  

• Create new template /user/themes/quark/templates/test.html.twig with the following content:

  TWIGCopy

  {% extends 'partials/base.html.twig' %}
  
  {% block content %}
  
  {{ page.content|raw}}
  
  <h2>Looping 3 collections</h2>
  
  {% for child in page.collection('mushroom') %}
    {% include 'partials/blog-list-item.html.twig' with {blog: page, page: child} %}
  {% endfor %}
  
  {% for child in page.collection('travel') %}
    {% include 'partials/blog-list-item.html.twig' with {blog: page, page: child} %}
  {% endfor %}
  
  {% for child in page.collection('architecture') %}
    {% include 'partials/blog-list-item.html.twig' with {blog: page, page: child} %}
  {% endfor %}
  
  <h2>Or merge three collections into 1</h2>
  
  {% set collection = page.collection('mushroom').merge(page.collection('travel')).merge(page.collection('architecture')) %}
  
  {% for child in collection %}
    {% include 'partials/blog-list-item.html.twig' with {blog: page, page: child} %}
  {% endfor %}
  
  {% endblock %}
  

• Browse to page http://yourdomain/test
  It will show you two lists of pages, where each list contains the last item of each 'tag'.

Note:

• When merging collections, the result will be deduped. Meaning: If a page has both tag 'mushroom' and 'travel', the page will be shown only once.