O WordPress 5.0 foi lançado com o novo editor de blocos Gutenberg e uma série de recursos interessantes. Um deles é o bloco Capa, que permite adicionar imagens de capa aos seus posts e páginas.
Esse recurso confundiu alguns usuários porque pode parecer semelhante à opção Featured Image que está no WordPress desde o WordPress 2.9.
Neste artigo, explicaremos as diferenças entre a imagem de capa e a imagem em destaque no editor de blocos do WordPress.
O que é uma imagem de capa?
Uma imagem de capa geralmente é uma imagem ampla usada como foto de capa para uma nova seção em uma postagem ou página de blog. Faz parte do artigo geral. Você pode usar uma imagem de capa ao iniciar uma nova seção ou uma nova história em seu artigo.
Com o bloco de capa no WordPress, você pode adicionar texto e sobreposição de cores à sua imagem de capa.
Ao adicionar uma sobreposição de cores apropriada que corresponda à cor do tema ou ao humor do conteúdo, você pode tornar seu artigo mais atraente.
Da mesma forma, adicionar sobreposição de texto ajuda seus usuários a identificar facilmente onde uma nova seção começa em seu artigo e do que se trata.
Tradicionalmente, os blogueiros usam o texto do cabeçalho para separar seções em uma postagem de blog. Com as imagens de capa, agora você tem opções para separar as seções de uma maneira visualmente mais atraente.
O que é uma imagem em destaque?
Uma imagem em destaque (também conhecida como miniatura de postagem) é a imagem principal do artigo que representa o conteúdo. Eles são exibidos com destaque em seu site em postagens únicas, páginas de arquivo de blog, bem como na página inicial de sites de notícias, revistas e blogs.
Além disso, as imagens em destaque também são exibidas nos feeds de mídia social quando um artigo é compartilhado.
As imagens em destaque são projetadas cuidadosamente para torná-las atraentes. Essas imagens dão aos usuários um vislumbre rápido do seu conteúdo e os levam a todo o artigo.
Você encontrará uma meta box na tela de edição de postagem para adicionar uma imagem em destaque porque quase todos os temas do WordPress suportam imagens em destaque por padrão.
Onde e como as imagens em destaque são exibidas é controlado inteiramente pelo seu tema WordPress.
Para opções avançadas de imagens em destaque, você pode verificar esses melhores plugins de imagens em destaque do WordPress .
Como adicionar uma imagem de capa no WordPress?
O novo editor de blocos do WordPress (Gutenberg) vem com um bloco de capa para permitir que você adicione uma imagem de capa no WordPress.
Primeiro, você precisa criar uma nova postagem ou editar uma existente. Na tela de edição de postagem, clique no botão Adicionar novo bloco e escolha Cobrir bloco.
Você pode encontrar o bloco Cover dentro da guia Common Blocks.
Ao clicar no bloco, você verá o bloco de capa adicionado ao seu editor de conteúdo com opções para adicionar sua nova imagem de capa.
Você pode simplesmente arrastar e soltar uma imagem ou vídeo na área do bloco para fazer upload de uma nova imagem de capa. Como alternativa, você pode clicar no botão Carregar, escolher uma imagem em seu computador e abrir para carregar.
Se você quiser adicionar uma imagem já carregada à sua biblioteca de mídia, clique no botão Biblioteca de mídia e selecione uma imagem da sua galeria de mídia.
Depois que a imagem da capa for adicionada, você poderá personalizá-la facilmente clicando na imagem da capa.
Isso mostrará uma barra de ferramentas com opções de personalização acima da imagem, campo Escrever título… no centro da imagem e configurações de bloco, incluindo sobreposição de cores no painel do lado direito.
Além da opção de alinhamento, o bloco de imagem de capa oferece duas opções de largura: Largura ampla e Largura total.
A opção de largura ampla faz com que a imagem pareça tão ampla quanto o seu conteúdo. A opção de largura total faz com que sua imagem cubra toda a tela da janela.
Em seguida, você pode adicionar um título para sua imagem de capa. Ao clicar na imagem da capa, você verá o campo “Escrever título…” no centro da imagem da capa.
Basta clicar nessa área para adicionar texto. Você pode escrever o título da imagem da capa e formatá-lo usando as opções de formatação que aparecem na parte superior do texto ou na parte superior da imagem da capa.
Finalmente, há configurações de bloco de cobertura no painel do lado direito. Você pode habilitar o Fundo Fixo para criar um efeito de paralaxe para quando os usuários rolarem a página para baixo.
Abaixo disso, há opções de sobreposição de cores. Por padrão, ele adiciona a cor do seu tema como cor de sobreposição com 50% de transparência, mas você pode alterar a cor da sobreposição e também alterar a opacidade movendo o ponto.
Por fim, você pode adicionar código CSS e adicionar mais estilos à sua imagem de capa clicando na opção Avançado .
É isso!
Você pode repetir esta etapa para adicionar várias imagens de capa em um único artigo, se necessário.
Como adicionar uma imagem em destaque no WordPress?
O processo de adicionar uma imagem em destaque é o mesmo de antes. Se você tem um blog WordPress há algum tempo, já sabe como uma imagem em destaque é adicionada.
Para adicionar uma imagem em destaque, você precisará primeiro abrir uma tela de edição de postagem e, em seguida, navegar até a caixa meta da imagem em destaque no lado direito da tela.
Você precisará clicar na opção Definir imagem em destaque .
Em seguida, você pode carregar uma nova imagem usando o carregador de arrastar e soltar ou selecionando uma imagem da sua biblioteca de mídia existente.
Depois disso, você pode adicionar título e texto alternativo para sua imagem em destaque e clicar na opção Selecionar .
Você adicionou com sucesso uma imagem em destaque ao seu artigo.
Se você quiser instruções mais detalhadas, leia nosso guia para iniciantes para adicionar imagens em destaque no WordPress .
Depois de adicionar sua imagem em destaque, você pode visualizar sua postagem e ver como ela fica.
Se você estiver usando o novo tema padrão Twenty Nineteen ou outros temas modernos, também poderá ver uma sobreposição de cores nas imagens em destaque.
Você pode removê-lo ou alterar a cor acessando o personalizador do WordPress.
Basta clicar no botão Aparência »Personalizar no menu do WordPress.
Uma vez no painel Personalizar , você precisa clicar na opção Cores à esquerda.
Nesta guia, você verá a opção de cor primária do seu tema e a opção de ativar ou desativar o filtro de imagem.
Você pode alterar a cor primária do seu tema selecionando a opção Personalizar e escolhendo uma cor.
Se você deseja desativar o filtro de cores em suas imagens em destaque, basta remover a seleção da opção “Aplicar um filtro às imagens em destaque usando a cor primária”.
Observe que as imagens em destaque são gerenciadas por temas do WordPress, portanto, você pode não encontrar essa opção em seu tema se ele não suportar filtros de imagem.
Conclusão – Imagem de capa vs. Imagem em destaque no WordPress
Agora que você sabe como adicionar uma imagem de capa e uma imagem em destaque, vamos dar uma olhada em algumas práticas recomendadas.
As imagens em destaque têm sido usadas popularmente por blogs do WordPress , revistas online, notícias e sites de entretenimento como miniaturas de postagens ou imagens do artigo principal.
Imagens em destaque bem projetadas ajudam a atrair mais usuários para abrir um artigo. Eles são ótimos para tornar seu site atraente e visualmente interativo.
As imagens da capa são, na verdade, partes do seu artigo. Um usuário vê sua imagem de capa depois de abrir seu artigo para ler. Assim, eles tornam seus artigos mais envolventes e divertidos de ler.
O melhor uso das imagens de capa é adicionar uma bela transição entre as seções dentro de um artigo longo.
As imagens de capa são exclusivas das imagens de postagem regulares porque têm a opção de largura total e você pode adicionar sobreposição de texto nelas.
Ao adicionar imagens de capa corretamente, você pode melhorar o envolvimento do usuário em suas postagens.
Esperamos que este artigo tenha ajudado você a entender a diferença entre uma imagem de capa e uma imagem em destaque no novo editor de blocos do WordPress. Você também pode gostar de ler nosso artigo sobre como atualizar seus posts antigos do WordPress com o editor de blocos Gutenberg .
Se você gostou deste artigo, assine nosso canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook .
