Não é mais segredo que o conteúdo visual, como as imagens, desempenha um papel importante na apresentação de conceitos e narrativas. O conteúdo de texto sozinho muitas vezes não consegue cativar os leitores. É por isso que a incorporação de imagens relevantes em posts e páginas de blogs se tornou obrigatória.
O WordPress permite que você adicione imagens ao seu site de várias maneiras. Uma das maneiras mais eficazes de fazer isso é adicionar imagens em colunas e linhas. Isso permite que você apresente suas imagens de forma organizada.
Nesta postagem do blog, mostraremos a você várias maneiras de exibir imagens do WordPress em Columns & Rows.
- Método 1: Usando o bloco de colunas (Melhor para controle manual total e layouts personalizados)
- Método 2: Usando o bloco Gallery (Melhor para grades de imagens simples com estilo mínimo)
- Método 3: Usando o bloco Galleryberg (Ideal para layouts avançados com lightbox e personalização)
- Método 4: Usando o plug-in Tableberg (Ideal para grades de imagens estruturadas, como tabelas de preços, cronogramas ou produtos)
Criar mesas bonitas
Com o Block Editor
Método 1: Usando o bloco de colunas
O WordPress tem um bloco de colunas padrão. Você pode adicionar muitos outros blocos dentro dele, inclusive o bloco de imagens. Aqui está o guia.
Etapa 01: Adicionar o bloco Gutenberg Column
Localizar e adicionar o bloco Column clicando no ícone de adição (+) no editor.
Selecione o número de variações de coluna que deseja adicionar ao bloco de colunas. Para este tutorial, selecionaremos a variação de coluna 50/50.
Etapa 02: Adicionar o bloco de imagem ao bloco de coluna
Como dissemos, você pode colocar outros blocos do Gutenberg dentro do bloco de colunas. Agora, clique no ícone de mais (+) dentro da coluna. Localizar e adicionar o bloco Image a ele.
Agora você pode adicionar imagens da Media Library ou da unidade local. Faça isso como desejar.
Etapa 03: Estilizar o bloco de imagem dentro do bloco de coluna
Você pode ver que adicionamos uma imagem. Você pode alinhá-la centralmente usando a opção de alinhamento na barra de ferramentas. Redimensione a imagem segurando o ícone de círculo de borda. Por fim, você pode estilizá-la mais usando as opções da guia Style (Estilo).
Da mesma forma, adicione uma imagem à outra coluna também.
Método 2: Usando o bloco Gallery
O WordPress tem um bloco Gallery padrão pelo qual você pode adicionar várias imagens com o mesmo layout de bloco.
Etapa 01: Adicionar o bloco Gallery
Como no método acima, encontre e adicionar o bloco Gallery ao editor.
Você terá permissão para fazer upload de imagens de seu unidade local ou o Biblioteca de mídia. Neste tutorial, faremos upload de imagens da Biblioteca de mídia.
Etapa 02: Selecione e faça upload de imagens
Selecione as imagens que você deseja carregar no bloco Gallery. Você pode selecionar quantas imagens quiser. Quando terminar, clique no botão Criar uma nova galeria.
Você pode adicionar legendas para cada imagem, se desejar. Não há problema se você não adicionar nada. Pressione o botão Botão Inserir galeria no final.
Você pode ver que as imagens foram adicionadas à galeria. Em seguida, você pode personalizar o bloco Image usando as opções da seção Configurações e Guia Estilos na barra lateral direita.
Espero que você consiga fazer isso sozinho, por isso não entrarei em detalhes.
Método 3: Usando o plug-in Galleryberg
Se você estiver procurando uma maneira mais flexível e visualmente refinada de exibir imagens em colunas ou linhas, o Galleryberg é uma opção fantástica. É um plug-in de bloco de galeria nativo do Gutenberg que oferece a você várias opções de layout - incluindo Tiles, Masonry, Justified e Square - todas com caixa de luz suporte.
Etapa 1: Instalar o plug-in Galleryberg
Vá para o painel do WordPress e navegue até Plug-ins > Adicionar novo. Em seguida, procure por "Galleryberg" e instale e ative o plug-in.
Etapa 2: Adicionar o bloco Galleryberg
Abra a página ou postagem onde você deseja exibir as imagens. Em seguida, clique no ícone + e procure pelo botão "Galleryberg". Adicione-o à página.