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:
- Vídeo MP4
- Vídeo do YouTube
- 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": []
}
]
}
}