Como usar o bloco de imagens no WordPress em 3 etapas fáceis

A imagem é essencial para todo site para torná-lo visualmente atraente. É por isso que você precisa aprender a usar o bloco de imagens no WordPress. Como qualquer outro construtor de páginas, o construtor de blocos Gutenberg vem com o bloco de imagem principal para adicionar imagens.

Hoje, compartilharemos as diretrizes completas sobre o bloco de imagem, seus benefícios, recursos e como usá-lo. Não deixe de nos acompanhar do início ao fim.

O que é o bloco de imagens?

O bloco de imagem é o bloco central dedicado com o editor de blocos do WordPress para adicionar imagens. O Image Block permite que você insira, edite e personalize as imagens em seu conteúdo.

O bloco de imagem principal oferece os seguintes benefícios.

Facilidade de uso: O bloco Image é fácil de usar, pois qualquer pessoa pode usá-lo sem habilidades especiais. Além disso, adicionar imagens usando o bloco é simples.
Personalização: Para personalização, ele permite que você redimensione a imagem, defina o alinhamento da imagem, adicione legendas, etc.
Otimização de SEO: Você pode adicionar texto alternativo a cada imagem usando o bloco de imagens, o que ajuda os mecanismos de pesquisa a entender melhor sua imagem.

Recursos da barra de ferramentas Image Block

A barra de ferramentas do bloco de imagens tem vários recursos que permitem personalizá-la. Os recursos da barra de ferramentas de blocos são explicados a seguir.

1. Transformar: Você pode transformar esse bloco em um parágrafo, código, colunas, etc.
2. Arrastar: Permite que você arraste e solte o bloco dedicado em qualquer lugar.
3. Alça móvel: Permite que você mova seu bloco para cima e para baixo.
4. 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).
5. Filtro Duotone: 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.
6. Hiperlink: Essa opção permite que você adicione links para o conteúdo selecionado dentro do bloco.
7. Colheita: A opção Crop permite aplicar zoom, alterar a proporção e girar a imagem.
8. Adicionar texto sobre a imagem: Isso permite que você adicione texto sobre a imagem e outros blocos dentro do bloco de imagem. Ele transforma o Bloco de imagens no Bloco de cobertura.
9. Adicionar legenda: Você pode adicionar legendas usando a opção.
10. Substituir: A opção substituir permite que você substitua a imagem atual pela outra imagem.
11. Mais opções: Oferece mais opções relacionadas à seção do bloco, como duplicar, copiar, agrupar, etc.

---

Como usar o bloco de imagens no WordPress?

Mostraremos a você como usar o bloco de imagens do WordPress em algumas etapas simples a seguir. Tudo o que você precisa é seguir.

Etapa 1: Inserir o bloco de imagem

Para inserir o bloco de imagem, vá até seu post ou página.

Depois disso, clique em Add Block ("+") Adicionar bloco ícone (1), digite "Imagem" na caixa de pesquisa (2)e clique em "Imagem" (3).

Etapa 2: Insira seu arquivo de imagem

Você pode selecionar qualquer uma dessas três opções.

1. Carregar: Você pode carregar seus arquivos de imagem.
2. Biblioteca de mídia: Isso permite que você selecione imagens da sua biblioteca de mídia que já foram carregadas anteriormente.
3. Inserir URL de origem: Você pode inserir a imagem usando os links.

Como inserir uma imagem por meio da opção Upload

Para inserir arquivos de imagem, clique no botão de upload, selecione a imagem e clique em abrir. Depois disso, ela será aberta no editor.

Como inserir uma imagem 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 Inserir imagem do URL

Selecione o botão Insert from URL (Inserir do URL), insira o link e ele será exibido no editor.

Etapa 3: Personalização da imagem

Depois de inserir a imagem no editor, você pode redimensioná-la diretamente no editor.

Você também pode definir várias opções nas configurações de bloqueio. Para acessar as configurações de bloqueio, navegue até Configurações (1) > Bloqueio (2) > Configurações (3).

As opções de Configurações contêm recursos como:

O Block Styles contém outros recursos de estilo que você pode precisar ao estilizar o bloco de imagens.

Portanto, é assim que você usa o bloco de imagens e suas opções.

---

Considerações finais!

O bloco de imagens do WordPress é uma ferramenta poderosa e fácil de usar que ajuda a aprimorar seu conteúdo com recursos visuais. Domine todos os recursos desse bloco e torne seu site visualmente atraente.

O bloco de imagens é perfeito para compartilhar seus produtos de destaque, compartilhar memórias ou explicar um conceito. Ele também ajuda suas imagens a terem a melhor aparência possível.

Portanto, da próxima vez que estiver trabalhando em um projeto do WordPress, use esse bloco prático para elevar seu conteúdo.

Espero que você tenha achado este tutorial perspicaz e fácil de seguir. Na seção de comentários abaixo, deixe-me ouvir seus comentários sobre o tutorial e o bloco.

Além disso, não se esqueça de compartilhar isso em suas mídias sociais e informar outras pessoas sobre esse incrível bloco de imagens.

Leia mais!

Como usar o bloco pré-formatado no WordPress em 3 etapas fáceis
Como usar o bloco de código no WordPress em 3 etapas simples
Como usar o bloco de citação no WordPress em 3 etapas fáceis
Como usar o bloco de listas no WordPress
Como usar o editor de blocos do WordPress (um guia para iniciantes)
7 melhores plug-ins de tabela de preços do WooCommerce