O bloco de cobertura é essencial para adicionar uma imagem ou um vídeo com uma sobreposição de texto. Essa é uma ferramenta especializada para destacar uma mensagem importante ou mostrar recursos importantes do produto.
Hoje, neste artigo, discutiremos "Como usar o Cover Block no WordPress", seus recursos gerais, os recursos da barra de ferramentas etc. Portanto, acompanhe-nos do início ao fim e domine o bloco para dar brilho ao seu website.
O que é o bloco de capa do WordPress?
O bloco de capa do WordPress é um bloco central que vem com o WordPress para adicionar uma imagem ou um vídeo no plano de fundo do texto.
Ele adiciona um contêiner de largura total ou em caixa e é usado para cabeçalhos, banners ou qualquer seção de conteúdo que precise chamar a atenção.
Principais recursos do bloco de capa do WordPress
- Opções de plano de fundo: Adicione imagens, vídeos ou cores sólidas como plano de fundo.
- Redimensionar: Você pode aumentar ou diminuir o tamanho do bloco de capa simplesmente arrastando a altura e a largura no editor.
- Sobreposição de texto: Insira texto personalizável sobre o plano de fundo para dar mais ênfase.
- Controle de opacidade: Ajuste a transparência do plano de fundo para mesclá-lo perfeitamente com outros elementos.
Recursos da barra de ferramentas do bloco de capa do WordPress
Os recursos da barra de ferramentas são explicados abaixo.
- Transformar para: Usando a opção, você pode transformar esse bloco em Imagem, Colunas, Detalhes, Grupo e Mídia e Texto.
- Arrastar: Permite que você arraste e solte o bloco dedicado em qualquer lugar do editor.
- Alças móveis: Permite que você mova seu bloco para cima e para baixo.
- Alinhar: A opção de alinhamento permite que você defina o alinhamento da imagem como None (Nenhum), Wide Width (Largura ampla), Full Width (Largura total), Left (Esquerda), Center (Centro) e Right (Direita).
- Duotônico: O filtro duotone permite criar um efeito de cor de dois tons sem perder a imagem original. Novamente, você pode definir sombras e realces usando esse recurso.
- Alterar a posição atual: Ele permite que você defina a posição do bloco dentro do bloco de cobertura, pois é possível adicionar vários outros blocos dentro do bloco de cobertura.
- Alternar a altura total: A altura personalizada será aplicada para seu bloco.
- Substituir: A opção substituir permite que você substitua a imagem atual pela outra imagem.
- Opção: Oferece mais opções relacionadas à seção do bloco, como duplicar, copiar, agrupar, etc.
Criar mesas bonitas
Com o Block Editor
Como usar o Cover Block no WordPress
Usar o bloco de capa no WordPress é simples. Certifique-se de seguir estas etapas cuidadosamente.
Etapa 1: Insira o bloco de cobertura
Para inserir o bloco de coberturaVá para sua postagem ou página. Em seguida, clique em Add Block ("+") Adicionar bloco ícone (1), digite "Capa" na caixa de pesquisa (2)e clique em "Capa" (3).
Etapa 2: Insira seu arquivo de imagem ou vídeo
Você pode selecionar essas três opções para inserir um arquivo de vídeo ou imagem. Novamente, você pode escolher as cores sólidas abaixo como plano de fundo da capa.
Como inserir imagem ou vídeo usando a opção Upload
Para inserir arquivos de imagem, clique no botão de upload, selecione a imagem ou o vídeo e clique em abrir. Depois disso, ela será aberta no editor.
Como inserir imagem ou vídeo por meio da opção Biblioteca de mídia
Clique no botão Biblioteca de mídia, selecione a imagem e clique no botão Selecionar para inserir a imagem no editor.
Como inserir uma imagem por meio da opção "Use Featured Image" (Usar imagem em destaque)
Se você escolher essa opção, sua imagem em destaque será selecionada automaticamente para o bloco. Certifique-se de ter escolhido a imagem em destaque em sua postagem.
Etapa 3: Personalização
Para personalização adicional do bloco, navegue até Configurações (1) > Bloqueio (2) > Configurações (3).
Na opção de configurações, você pode ativar ou desativar o layout (A) e modificar o conteúdo (B) e larguras amplas (C).
Você também pode alterar a aparência do bloco de capa na opção Styles (Estilos), localizada ao lado de Settings (Configurações).
Você pode modificar as seguintes opções na seção Estilos menu.
- Cor: Você pode alterar a cor do texto e do título.
- Sobreposição: A opção de sobreposição permite que você selecione uma cor sólida extra para a sobreposição ou não selecione nenhuma, se desejar. No entanto, você pode alterar a opacidade da sobreposição para destacar o texto ou a mensagem direcionada.
- Filtros: O filtro Duotone permite que você crie um efeito de cor de dois tons sem perder a imagem original. Novamente, você pode definir sombras e realces usando esse recurso.
- Tipografia: A tipografia permite que você modifique a fonte, o tamanho da fonte, a aparência, a altura da linha, o espaçamento entre letras, a decoração e as letras maiúsculas e minúsculas.
- Dimensões: Esse recurso permite que você defina as margens, o preenchimento e o espaçamento entre blocos para o bloco de capa.
- Relação de aspecto: Isso permite que você defina a proporção da imagem como Original, Quadrado, Padrão, Retrato, Clássico, Retrato Clássico, Largo e Alto.
- Altura mínima: Esse recurso permite que define a altura mínima do bloco de cobertura.
- Border & Shadow: Com esse recurso, você pode adicionar uma borda e um raio de borda ao bloco de imagens.
Portanto, é assim que você pode usar o bloco de cobertura e aprender todos os seus elementos.
Considerações finais!
O bloco de capa do WordPress é indiscutivelmente uma ferramenta eficiente para aprimorar o apelo visual e destacar a mensagem direcionada em seu site WordPress.
Aprenda e explore seus recursos para elevar seu conteúdo como nunca antes. Espero que este artigo tenha ajudado você a conhecer todos os recursos do bloco. O que você acha? Diga-me na seção de comentários abaixo.
Leia mais!
- Como usar o bloco de imagens no WordPress em 3 etapas fáceis
- Como usar o bloco de galeria no WordPress em 3 etapas fáceis
- Como usar o bloco de vídeo no WordPress em 3 etapas fáceis
- Como usar o editor de blocos do WordPress (um guia para iniciantes)
- 7 melhores plug-ins de tabela de comparação para WordPress (escolhas de especialistas)
