load_media

Como utilizar a tag load_media.

Você pode listar blocos de conteúdo dinâmicos (posts) com a tag {% load_media %}.

🚧
Antes de utilizar esta tag, conheça sobre o Cockpit!
Esta tag é direcionada para a comunicação com o Cockpit, ferramenta de criação de blogs e conteúdos dinâmicos em geral.
Aqui será abordado o uso básico da tag, mas para saber como ativar e configurar uma estrutura de conteúdo dinâmico, acesse a documentação inicial de Blog, que conta também com uma estrutura base para iniciar

Veja o exemplo seguinte de um post.

{
  "_id": "5f8dfe7772c5e3798c0bacfe",
  "title": "DAMIAN LILLARD E NOVO PACK PARA O DAME 7",
  "thumb": {
    "path": "https://s3.us-east-1.amazonaws.com/vnda-cockpit/www-streetopia-me/2020/10/19/5f8dfd633ec44damian01.jpg"
  },
  "subtitle": "Lorem ipsum",
  "description": "O ala-armador do Portland Trailblazers, Damian Lillard, segue firme com sua parceria...",
  "content": "<p>O ala armador do <strong>Portland Trailblazers</strong>, Damian Lillard, ...",
  "permalink": "",
  "publish": true,
  "title_slug": "damian-lillard-e-novo-pack-para-o-dame-7",
  "_mby": "5ea9bfb30e5ea4599e01d067",
  "_by": "5ea9bfb30e5ea4599e01d067",
  "_modified": "2020-10-19 18:02:46 -0300",
  "_created": "2020-10-19 18:00:39 -0300",
  "url": "/m/cockpit/5f8dfe7772c5e3798c0bacfe/damian-lillard-e-novo-pack-para-o-dame-7"
}

Utilizando a tag load_media você pode:

Acessar a lista de posts utilizando a variável {{ loaded_posts }} ;
Percorrer a lista de posts utilizamos a tag {% for %} iterando entre os posts com a variável {{ post }};

{% load_media from: "cockpit" collection: "posts" api_key: "xxx" %}

{% for post in loaded_posts %}
  {{ post }}
{% endfor %}

Filtrar os blocos utilizando o parâmetro filter;

{% assign filter = '{ "publish": true }' | from_json %}

{% load_media from: 'cockpit' collection: 'posts' api_key: 'xxx' filter: filter %}

...

Ordenar os blocos utilizando o parâmetro sort.

{% assign sort = '{ "_created": -1 }' | from_json %} 

{% load_media from: 'cockpit' collection: 'posts' api_key: 'xxx' sort: sort %}

Updated 3 months ago

🚧Antes de utilizar esta tag, conheça sobre o Cockpit!

🚧
Antes de utilizar esta tag, conheça sobre o Cockpit!