Bloco Manchete


O bloco Manchete é o principal bloco usado no site. Costuma ser usado sempre na primeira dobra.


Preview

Suporte

Suportado
Elemento Customizado
Multi-seções
Vídeo do YouTube
Vídeo MP4
Vídeo com Autoplay

Layouts

100%70%50%33%30%
Habilitado

Funcionamento

Multi-seção 1 (OBRIGATÓRIA)

É possível adicionar até quatro chamadas, sendo a primeira uma chamada que pode ter mídia destacada, e as outras bullets.

Caso a primeira chamada tenha mais de uma mídia destacada (imagem e vídeo, por exemplo), ele seguirá a seguinte prioridade:

  1. Vídeo MP4
  2. Vídeo do YouTube
  3. Imagem

Caso a primeira chamada não tenha mídia destacada, o layout se ajusta, deixando o título maior.

Vídeos do YouTube têm a opção de autoplay, já vídeos MP4 sempre rodam com autoplay (comportamento de GIF).

Multi-seção 2 (OPCIONAL)

A segunda seção possui o mesmo comportamento da Multi-seção 1, com a única diferença sendo o layout no fron-end.

Multi-seção 3 (OPCIONAL)

A terceira seção possui o mesmo comportamento da Multi-seção 1, com algumas diferenças:

  • As chamadas não tem a possibilidade de bullets
  • O layout no front-end é igual ao bloco Tripa

Exibição na API

A documentação da API pode ser encontrada em docs.cnnbrasil.com.br/api-docs

{
  "id": 11073171,
  "system_title": "Manchete Home Portal",
  "block_type": "cnn-block-manchetes",
  "data": {
    "details": [
      {
        "settings": {
          "title": {
            "text": "TÍTULO DO MANCHEETE",
            "url": null,
            "new_tab": false
          },
          "style": {
            "color": "international",
            "layout": "horizontal",
            "inline": null
          },
          "button": {
            "text": null,
            "url": null,
            "new_tab": false
          },
          "query_format": "manual",
          "posts_limit": null,
          "posts_origin": "manual"
        },
        "posts": [
          {
            "id": 11781837,
            "format": "parceiro",
            "upper_text": "Chapéu",
            "title": "AO VIVO: Da fuga Bashar al-Assad a tomada de Damasco; veja os últimos acontecimentos",
            "excerpt": "O líder não foi visto ou ouvido publicamente desde que os rebeldes entraram na capital Damasco neste domingo (8)",
            "slug": "onde-esta-o-presidente-da-siria-bashar-al-assad-veja-o-que-sabemos-ate-agora",
            "partner_name": "Parceiro",
            "permalink": "https://staging.cnnbrasil.com.br/internacional/onde-esta-o-presidente-da-siria-bashar-al-assad-veja-o-que-sabemos-ate-agora/",
            "featured_media": {
              "image": {
                "url": "https://staging.cnnbrasil.com.br/wp-content/uploads/sites/12/2024/12/Lando-Norris-venceu-GP-e-McLaren-o-Mundial-de-Construtores.png",
                "desktop_url": ""
              },
              "video": {
                "youtube": "https://www.youtube.com/watch?v=WJYLYeWeddA",
                "mp4": "https://staging.cnnbrasil.com.br/wp-content/uploads/sites/12/2024/06/ED_AGR_300624_IL_INUNDA_ITALIA.mxf_.mp4",
                "auto_play": true
              }
            }
          }
        ]
      },
      {
        "settings": {
          "title": {
            "text": null,
            "url": null,
            "new_tab": false
          },
          "style": {
            "color": "",
            "layout": "",
            "inline": null
          },
          "button": {
            "text": null,
            "url": null,
            "new_tab": false
          },
          "query_format": "manual",
          "posts_limit": null,
          "posts_origin": "manual"
        },
        "posts": [
          {
            "id": 11781600,
            "format": "padrao",
            "title": "Coalizão de oposição na Síria diz que trabalha para formar governo de transição",
            "excerpt": "Comunicado foi feito após o regime de Bashar al-Assad ter sido deposto",
            "slug": "coalizao-de-oposicao-na-siria-diz-que-trabalha-para-formar-governo-de-transicao",
            "permalink": "https://staging.cnnbrasil.com.br/internacional/coalizao-de-oposicao-na-siria-diz-que-trabalha-para-formar-governo-de-transicao/",
            "featured_media": {
              "image": {
                "url": "https://staging.cnnbrasil.com.br/wp-content/uploads/sites/12/2024/12/Moradores-aleppo.jpeg",
                "desktop_url": ""
              },
              "video": {
                "youtube": "",
                "mp4": "",
                "auto_play": false
              }
            },
            "related": [
              {
                "id": 11780425,
                "format": "padrao",
                "title": "Assad deixou a Síria com instruções de \"transferir o poder pacificamente\"",
                "excerpt": "Ministério das Relações Exteriores russo negou que o país tenha participado das negociações para a saída de Bashar al-Assad",
                "slug": "assad-deixou-a-siria-com-instrucoes-de-transferir-o-poder-pacificamente-diz-russia",
                "permalink": "https://staging.cnnbrasil.com.br/internacional/assad-deixou-a-siria-com-instrucoes-de-transferir-o-poder-pacificamente-diz-russia/",
                "featured_media": {
                  "image": {
                    "url": "https://staging.cnnbrasil.com.br/wp-content/uploads/sites/12/2024/12/2023-03-15T000000Z_1597092083_MT1IMGOST000WKUOC3_RTRMADP_3_IMAGO-IMAGES-1.jpg",
                    "desktop_url": ""
                  },
                  "video": {
                    "youtube": "",
                    "mp4": "",
                    "auto_play": false
                  }
                }
              }
            ]
          }
        ]
      },
      {
        "settings": {
          "title": {
            "text": null,
            "url": null,
            "new_tab": false
          },
          "style": {
            "color": "",
            "layout": "",
            "inline": null
          },
          "button": {
            "text": null,
            "url": null,
            "new_tab": false
          },
          "query_format": "manual",
          "posts_limit": null,
          "posts_origin": "manual"
        },
        "posts": []
      }
    ]
  }
}