Estilizar as capas das notícias

Escolha o que um card de notícia mantém à vista da sua capa e como o título fica legível sobre ela, com um card ao vivo para conferir.

Para donos e admins de times · 9 passos

Do que você precisa antes

Seu time está no Team Pro ou no Organization: imagens nas notícias vêm com eles. No plano Team, Imagem de capa fica bloqueada. A área de admin de um time gratuito mostra Criar um site no lugar de Notícias.
Você é o dono ou um admin do time.
Você já escolheu um template — veja Escolha um template e o visual dele. Até escolher, a prévia do card não pode ser desenhada.

Passos

Passo 1: Abra Notícias
No menu à esquerda, toque em Notícias.
Você deve ver: uma página chamada Notícias, com suas notícias das mais novas para as mais antigas.
Passo 2: Abra uma notícia
Toque no título de uma notícia para abri-la, ou toque em Nova notícia e escreva uma — veja Escrever uma notícia.
Você deve ver: o formulário da notícia, com Imagem de capa embaixo da data de publicação.
Passo 3: Escolha uma capa
Em Imagem de capa, toque em Escolher imagem (o botão mostra Substituir depois que uma capa é definida). Na caixa que abrir, escolha uma imagem que seu time já enviou, ou adicione uma com Enviar. Digite o Texto alternativo e toque em Inserir.
A capa é opcional. Sem ela, a notícia mantém o layout de sempre e os passos abaixo não aparecem.
Você deve ver: a capa embaixo de Imagem de capa, com um ponto no meio, e Título sobre a imagem embaixo.
Passo 4: Defina o ponto focal
Arraste o ponto para o que mais importa na imagem — um rosto, um troféu, um logo. Ou toque no ponto e use as setas do teclado: cada toque move o ponto 5%.
O ponto escolhe o que seus cards de notícia mantêm à vista. Um card tem o próprio formato, então ele preenche o quadro com a sua capa e mantém visível o lugar do ponto. A página da própria notícia sempre mostra a capa inteira.
Você deve ver: o ponto onde você o colocou, e a Prévia do card embaixo acompanhando.
Passo 5: Escolha um estilo de título
Em Estilo, toque em Gradiente, Sombra no texto, Sombra projetada, Contorno ou Simples.
O título fica sobre a capa, e o estilo é o que o mantém legível: Gradiente (o que vem escolhido) escurece a parte de baixo da imagem, Sombra no texto e Sombra projetada colocam uma sombra atrás das letras, Contorno desenha uma borda escura em volta delas e Simples não acrescenta nada.
Você deve ver: o título da prévia do card nesse estilo.
Passo 6: Escolha a cor do gradiente
Com Gradiente escolhido, toque em Tema, Preto ou Destaque em Cor do gradiente.
Cor do gradiente só aparece no estilo Gradiente. Tema e Destaque seguem suas cores em Aparência.
Você deve ver: o gradiente da prévia do card nessa cor.
Passo 7: Confira o card
Olhe a Prévia do card, embaixo do estilo do título. É o card de notícia que seu site mostra, desenhado no seu template, com sua capa, seu ponto focal e seu estilo de título.
Você deve ver: seu título sobre a capa, legível.
Passo 8: Salve
Toque em Salvar.
Salvar mantém a notícia no seu rascunho — os visitantes ainda não a veem.
Você deve ver: a notícia aberta na própria página, com a capa e o estilo dela mantidos.
Passo 9: Publique seu site
Toque em Revisar e publicar. Isso salva a notícia e abre a página Publicar, onde você publica o site inteiro — veja Publicar seu site.
Você deve ver: depois de publicar, seus cards de notícia com a capa e o título sobre ela, e a página da notícia mostrando a capa inteira com o título sobre a parte de baixo.