Bloco de imagens do WordPress é muito útil para inserir e exibir uma única imagem em seu site. Mas se você quiser usar várias imagens simultaneamente, use o bloco Gallery do WordPress.
Portanto, você deve aprender a usar o bloco de galeria no WordPress. Depois de dominar e aprender todos os recursos do bloco de galeria, você poderá usá-lo para aprimorar os recursos visuais do seu site e torná-lo mais profissional e atraente.
Hoje, neste tutorial, discutiremos o bloco de galeria do WordPress, os recursos da barra de ferramentas, as opções de personalização e como usá-lo corretamente. Não deixe de nos acompanhar do início ao fim.
O que é o bloco de galeria do WordPress?
O bloco Galeria do WordPress é o bloco central com o Editor de blocos do WordPress. O bloco Gallery permite criar e exibir uma coleção de imagens em um formato de grade. Ele é perfeito para exibir fotos de eventos, organizar imagens em um layout atraente ou apresentar imagens com o mínimo de esforço.
Alguns recursos o beneficiam quando você usa o bloco. Confira esses recursos abaixo.
- Personalização: Ajuste as colunas, o espaçamento e as legendas de acordo com seu design. Você também pode definir resoluções diferentes para imagens individuais na galeria.
- Design responsivo: As imagens se adaptam automaticamente a diferentes tamanhos de tela para uma experiência perfeita em celulares, tablets e desktops.
- Integração incorporada: Não há necessidade de plug-ins adicionais; o bloco funciona de forma nativa no WordPress.
- Compatível com SEO: O texto alternativo e as legendas podem melhorar a acessibilidade do seu conteúdo e a classificação nos mecanismos de pesquisa. Você também pode definir o texto ALT para imagens separadas dentro da galeria.
Recursos da barra de ferramentas do Gallery Block
Quando você insere o bloco de galeria, uma barra de ferramentas é exibida na parte superior do bloco de galeria com vários recursos para personalizar sua galeria. Esses recursos estão abaixo.
- Transformar: Você pode transformar esse bloco em um bloco de Imagem, Colunas, Detalhes e Grupo.
- Arrastar: Permite que você arraste e solte o bloco dedicado em qualquer lugar do editor.
- Alça móvel: 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).
- Link: Essa opção permite que você adicione links para o conteúdo selecionado dentro do bloco.
- Legenda: Você pode adicionar legendas usando a opção de editor para cada imagem.
- Adicionar: A opção de adição permite que você adicione ou carregue novas imagens na galeria.
- Mais opções: Oferece mais opções relacionadas à seção do bloco, como duplicar, copiar, agrupar, etc.
Como usar o bloco de galeria no WordPress?
Usar o bloco Gallery no WordPress é simples. Tudo o que você precisa fazer é seguir estas etapas.
Etapa 1: Adicionar o Gallery Block no Editor
Abra o post ou a página, clique no ícone "+" para adicionar um bloco e procure por "Gallery". Selecione o bloco Gallery para inseri-lo em seu post ou página.
Etapa 2: Faça upload de suas imagens
Você pode carregar suas imagens ou selecioná-las na biblioteca de mídia.
Como inserir imagens por meio da opção Upload
Para inserir arquivos de imagem, clique no botão de upload, selecione suas imagens usando o cursor enquanto segurando o botão CTRL de seu teclado e clique em abrir. É isso aí. Você poderá ver suas imagens no editor.
Como inserir uma imagem por meio da opção Biblioteca de mídia
Clique no botão Media Library (Biblioteca de mídia), selecione suas imagens e clique no botão Create a new Gallery (Criar uma nova galeria) e Insert Gallery (Inserir galeria) para inserir as imagens no editor.
Depois de inserir todas as imagens na galeria, você poderá ver todos os recursos da barra de ferramentas do bloco de imagens. Você pode conferir esses recursos aqui.
Etapa 3: Personalização da galeria
Para personalizar a galeria, navegue até Configurações (1) > Bloquear (2) > Configurações (3). Você encontrará as opções de seleção de colunas, resolução e outras opções.
- Colunas: As colunas permitem que você determine quantas imagens deseja exibir no editor. Quanto mais imagens você adicionar, mais colunas serão adicionadas ao Gallery. (4)
- Resolução: Você pode definir a resolução da imagem como Thumbnail (Miniatura) e Full Size (Tamanho total). (5)
- Cortar imagens para ajustá-las: Esse recurso mantém a proporção de cada imagem e ajusta seu tamanho.
- Randomize Order (ordem aleatória): Esse recurso não mantém a série, mas exibe imagens em uma série aleatória.
A opção Styles (Estilos) apresenta as seguintes opções.
- Cor: A opção de cor permite que você altere a cor do plano de fundo do bloco do Gallery.
- Dimensões: A opção Dimensions (Dimensões) permite modificar o espaçamento do bloco (espaço entre dois blocos, como imagens), a margem e o preenchimento.
- Borda e raio: Com esse recurso, você pode adicionar uma borda, uma cor de borda e um raio de borda à sua galeria.
Aqui está a demonstração completa da galeria que eu criei.
Considerações finais!
O Gallery Block é uma ferramenta avançada com o editor de blocos Gutenberg. Ele permite que você exiba suas coleções de imagens sem nenhum plug-in adicional.
É uma excelente opção para todos por sua flexibilidade, opções de personalização e integração perfeita com o WordPress.
Experimente-o e veja como ele pode transformar a forma como você exibe imagens em seu site.
Diga-me o que achou do tutorial na seção de comentários abaixo. Além disso, informe seus colegas sobre ele por meio de sua plataforma de mídia social.
Leia mais!
- Como usar o bloco de imagens no WordPress em 3 etapas fáceis
- Como usar o bloco pré-formatado no WordPress em 3 etapas fáceis
- Como usar o editor de blocos do WordPress (um guia para iniciantes)
- 7 melhores alternativas ao wpDataTables em 2024 (comparadas)
- Melhores plug-ins do WordPress para sites e portais de notícias (2024)
