{"id":2022,"date":"2025-07-31T08:21:57","date_gmt":"2025-07-31T08:21:57","guid":{"rendered":"https:\/\/tableberg.com\/?p=2022"},"modified":"2025-07-31T08:22:00","modified_gmt":"2025-07-31T08:22:00","slug":"como-exibir-imagens-do-wordpress-em-linhas-de-colunas","status":"publish","type":"post","link":"https:\/\/tableberg.com\/pt\/how-to-display-wordpress-images-in-columns-rows\/","title":{"rendered":"Como exibir imagens do WordPress em colunas e linhas"},"content":{"rendered":"<p>N\u00e3o \u00e9 mais segredo que o conte\u00fado visual, como as imagens, desempenha um papel importante na apresenta\u00e7\u00e3o de conceitos e narrativas. O conte\u00fado de texto sozinho muitas vezes n\u00e3o consegue cativar os leitores. \u00c9 por isso que a incorpora\u00e7\u00e3o de imagens relevantes em posts e p\u00e1ginas de blogs se tornou obrigat\u00f3ria.<\/p>\n\n\n\n<p>O WordPress permite que voc\u00ea adicione imagens ao seu site de v\u00e1rias maneiras. Uma das maneiras mais eficazes de fazer isso \u00e9 adicionar imagens em colunas e linhas. Isso permite que voc\u00ea apresente suas imagens de forma organizada.<\/p>\n\n\n\n<p>Nesta postagem do blog, mostraremos a voc\u00ea v\u00e1rias maneiras de exibir imagens do WordPress em Columns &amp; Rows.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>M\u00e9todo 1: <a href=\"#Display-Images-in-WordPress-Using-the-Column-Block\">Usando o bloco de colunas<\/a> (Melhor para controle manual total e layouts personalizados)<\/li>\n\n\n\n<li>M\u00e9todo 2: <a href=\"#Display-Images-in-WordPress-Using-the-Gallery-Block\">Usando o bloco Gallery<\/a> (<em>Melhor para grades de imagens simples com estilo m\u00ednimo)<\/em><\/li>\n\n\n\n<li>M\u00e9todo 3: <a href=\"#Using-the-Galleryberg-Block\">Usando o bloco Galleryberg<\/a> (Ideal para layouts avan\u00e7ados com lightbox e personaliza\u00e7\u00e3o)<\/li>\n\n\n\n<li>M\u00e9todo 4: <a href=\"#Display-Images-in-WordPress-Using-the-TableBerg-Plugin\">Usando o plug-in Tableberg<\/a> (Ideal para grades de imagens estruturadas, como tabelas de pre\u00e7os, cronogramas ou produtos)<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-group has-border-color has-global-padding is-layout-constrained wp-container-core-group-is-layout-8db5ca72 wp-block-group-is-layout-constrained\" style=\"border-color:#671feb;border-style:solid;border-width:1px;border-radius:4px;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--small)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-505d3e6d wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)\">\n<p style=\"font-size:clamp(18.959px, 1.185rem + ((1vw - 3.2px) * 1.175), 30px);\"><strong>Criar mesas bonitas <\/strong><br><strong>Com o Block Editor<\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-f2baa792 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" style=\"background-color:#671feb\" target=\"_blank\" rel=\"noreferrer noopener\">Experimente gratuitamente<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/tableberg.com\/pt\/precificacao\/\" target=\"_blank\" rel=\"noreferrer noopener\">Obter um profissional<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"540\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png\" alt=\"\" class=\"wp-image-1545\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png 540w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-300x300.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-150x150.png 150w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Display-Images-in-WordPress-Using-the-Column-Block\">M\u00e9todo 1: Usando o bloco de colunas<\/h2>\n\n\n\n<p>O WordPress tem um bloco de colunas padr\u00e3o. Voc\u00ea pode adicionar muitos outros blocos dentro dele, inclusive o bloco de imagens. Aqui est\u00e1 o guia.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Etapa 01: Adicionar o bloco Gutenberg Column<\/h3>\n\n\n\n<p>Localizar e <strong>adicionar o bloco Column<\/strong> clicando no \u00edcone de adi\u00e7\u00e3o (+) no editor.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-Gutenberg-column-block.webp\" alt=\"Adicionar o bloco Coluna do Gutenberg\" class=\"wp-image-435\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-Gutenberg-column-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-Gutenberg-column-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-Gutenberg-column-block-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Add-the-Gutenberg-column-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Selecione o n\u00famero de varia\u00e7\u00f5es de coluna que deseja adicionar ao bloco de colunas. Para este tutorial, selecionaremos a varia\u00e7\u00e3o de coluna 50\/50.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-the-number-of-columns-for-the-column-block.webp\" alt=\"Selecione o n\u00famero de colunas para o bloco de colunas\" class=\"wp-image-2023\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-the-number-of-columns-for-the-column-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-the-number-of-columns-for-the-column-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-the-number-of-columns-for-the-column-block-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-the-number-of-columns-for-the-column-block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-the-number-of-columns-for-the-column-block-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Etapa 02: Adicionar o bloco de imagem ao bloco de coluna<\/h3>\n\n\n\n<p>Como dissemos, voc\u00ea pode colocar outros blocos do Gutenberg dentro do bloco de colunas. Agora, <strong>clique no \u00edcone de mais (+)<\/strong> dentro da coluna. Localizar e <strong>adicionar o bloco Image<\/strong> a ele.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-the-Image-Block-into-the-Column-Block.webp\" alt=\"Adicionar o bloco de imagem ao bloco de coluna\" class=\"wp-image-2024\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-the-Image-Block-into-the-Column-Block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-the-Image-Block-into-the-Column-Block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-the-Image-Block-into-the-Column-Block-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-the-Image-Block-into-the-Column-Block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-the-Image-Block-into-the-Column-Block-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Agora voc\u00ea pode adicionar imagens da Media Library ou da unidade local. Fa\u00e7a isso como desejar.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Upload-image-to-the-column-block.webp\" alt=\"Fazer upload da imagem para o bloco da coluna\" class=\"wp-image-2025\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Upload-image-to-the-column-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Upload-image-to-the-column-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Upload-image-to-the-column-block-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Upload-image-to-the-column-block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Upload-image-to-the-column-block-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Etapa 03: Estilizar o bloco de imagem dentro do bloco de coluna<\/h3>\n\n\n\n<p>Voc\u00ea pode ver que adicionamos uma imagem. Voc\u00ea pode alinh\u00e1-la centralmente usando a op\u00e7\u00e3o de alinhamento na barra de ferramentas. Redimensione a imagem segurando o \u00edcone de c\u00edrculo de borda. Por fim, voc\u00ea pode estiliz\u00e1-la mais usando as op\u00e7\u00f5es da guia Style (Estilo).<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"569\" data-id=\"10296\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Inserting-the-Galleryberg-Block-1024x569.png\" alt=\"\" class=\"wp-image-10296\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Inserting-the-Galleryberg-Block-1024x569.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Inserting-the-Galleryberg-Block-300x167.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Inserting-the-Galleryberg-Block-768x427.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Inserting-the-Galleryberg-Block-1536x854.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Inserting-the-Galleryberg-Block-2048x1139.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Inserting-the-Galleryberg-Block-18x10.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"522\" data-id=\"2026\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Stylize-the-Image-Block-within-the-Column-Block-1024x522.webp\" alt=\"Estilizar o bloco de imagem dentro do bloco de coluna\" class=\"wp-image-2026\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Stylize-the-Image-Block-within-the-Column-Block-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Stylize-the-Image-Block-within-the-Column-Block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Stylize-the-Image-Block-within-the-Column-Block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Stylize-the-Image-Block-within-the-Column-Block-18x9.webp 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Stylize-the-Image-Block-within-the-Column-Block.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/figure>\n\n\n\n<p>Da mesma forma, adicione uma imagem \u00e0 outra coluna tamb\u00e9m.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-image-to-the-other-column.webp\" alt=\"Adicionar imagem \u00e0 outra coluna\" class=\"wp-image-2027\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-image-to-the-other-column.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-image-to-the-other-column-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-image-to-the-other-column-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-image-to-the-other-column-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-image-to-the-other-column-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_69850fb3-2d43-4c4c-b26c-9fe74710be94\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Display-Images-in-WordPress-Using-the-Gallery-Block\">M\u00e9todo 2: Usando o bloco Gallery<\/h2>\n\n\n\n<p>O WordPress tem um bloco Gallery padr\u00e3o pelo qual voc\u00ea pode adicionar v\u00e1rias imagens com o mesmo layout de bloco.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Etapa 01: Adicionar o bloco Gallery<\/h3>\n\n\n\n<p>Como no m\u00e9todo acima, encontre e <strong>adicionar o bloco Gallery ao editor<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Find-and-add-the-Gutenberg-Gallery-block-to-WordPress.webp\" alt=\"Adicionar o bloco Gallery\" class=\"wp-image-1019\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Find-and-add-the-Gutenberg-Gallery-block-to-WordPress.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Find-and-add-the-Gutenberg-Gallery-block-to-WordPress-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Find-and-add-the-Gutenberg-Gallery-block-to-WordPress-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Find-and-add-the-Gutenberg-Gallery-block-to-WordPress-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Voc\u00ea ter\u00e1 permiss\u00e3o para fazer upload de imagens de seu <strong>unidade local<\/strong> ou o <strong>Biblioteca de m\u00eddia<\/strong>. Neste tutorial, faremos upload de imagens da Biblioteca de m\u00eddia. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Upload-images-from-local-storage-or-media-library.webp\" alt=\"Fazer upload de imagens\" class=\"wp-image-1020\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Upload-images-from-local-storage-or-media-library.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Upload-images-from-local-storage-or-media-library-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Upload-images-from-local-storage-or-media-library-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Upload-images-from-local-storage-or-media-library-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Etapa 02: Selecione e fa\u00e7a upload de imagens<\/h3>\n\n\n\n<p><strong>Selecione as imagens<\/strong> que voc\u00ea deseja carregar no bloco Gallery. Voc\u00ea pode selecionar quantas imagens quiser. Quando terminar, <strong>clique no bot\u00e3o Criar uma nova galeria<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-images-for-the-Gallery-block.webp\" alt=\"Selecionar imagens para o bloco Gallery\" class=\"wp-image-2037\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-images-for-the-Gallery-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-images-for-the-Gallery-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-images-for-the-Gallery-block-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-images-for-the-Gallery-block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-images-for-the-Gallery-block-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Voc\u00ea pode adicionar legendas para cada imagem, se desejar. N\u00e3o h\u00e1 problema se voc\u00ea n\u00e3o adicionar nada. Pressione o bot\u00e3o <strong>Bot\u00e3o Inserir galeria<\/strong> no final.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Insert-gallery.webp\" alt=\"Inserir galeria\" class=\"wp-image-2038\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Insert-gallery.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Insert-gallery-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Insert-gallery-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Insert-gallery-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Insert-gallery-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Voc\u00ea pode ver que as imagens foram adicionadas \u00e0 galeria. Em seguida, voc\u00ea pode personalizar o bloco Image usando as op\u00e7\u00f5es da se\u00e7\u00e3o <strong>Configura\u00e7\u00f5es<\/strong> e <strong>Guia Estilos<\/strong> na barra lateral direita. <\/p>\n\n\n\n<p>Espero que voc\u00ea consiga fazer isso sozinho, por isso n\u00e3o entrarei em detalhes.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Images-added-to-the-Gallery.webp\" alt=\"Imagens adicionadas \u00e0 Galeria\" class=\"wp-image-2039\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Images-added-to-the-Gallery.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Images-added-to-the-Gallery-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Images-added-to-the-Gallery-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Images-added-to-the-Gallery-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Images-added-to-the-Gallery-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_58fca9c6-3f29-42e8-8faf-ea5be1cfa98f\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Using-the-Galleryberg-Block\">M\u00e9todo 3: Usando o plug-in Galleryberg<\/h2>\n\n\n\n<p>Se voc\u00ea estiver procurando uma maneira mais flex\u00edvel e visualmente refinada de exibir imagens em colunas ou linhas, o <strong><a href=\"https:\/\/galleryberg.com\" target=\"_blank\" rel=\"noreferrer noopener\">Galleryberg<\/a><\/strong> \u00e9 uma op\u00e7\u00e3o fant\u00e1stica. \u00c9 um plug-in de bloco de galeria nativo do Gutenberg que oferece a voc\u00ea <strong>v\u00e1rias op\u00e7\u00f5es de layout<\/strong> - incluindo Tiles, Masonry, Justified e Square - todas com <strong>caixa de luz<\/strong> suporte.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Etapa 1: Instalar o plug-in Galleryberg<\/h3>\n\n\n\n<p>V\u00e1 para o painel do WordPress e navegue at\u00e9 <strong>Plug-ins &gt; Adicionar novo<\/strong>. Em seguida, procure por \"Galleryberg\" e instale e ative o plug-in.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"520\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Installing-the-Galleryberg-Plugin-1024x520.png\" alt=\"\" class=\"wp-image-10294\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Installing-the-Galleryberg-Plugin-1024x520.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Installing-the-Galleryberg-Plugin-300x152.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Installing-the-Galleryberg-Plugin-768x390.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Installing-the-Galleryberg-Plugin-1536x779.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Installing-the-Galleryberg-Plugin-2048x1039.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Installing-the-Galleryberg-Plugin-18x9.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Etapa 2: Adicionar o bloco Galleryberg<\/h3>\n\n\n\n<p>Abra a p\u00e1gina ou postagem onde voc\u00ea deseja exibir as imagens. Em seguida, clique no \u00edcone <strong>+<\/strong> e procure pelo bot\u00e3o \"<strong>Galleryberg<\/strong>\". Adicione-o \u00e0 p\u00e1gina.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"569\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Inserting-the-Galleryberg-Block-1-1024x569.png\" alt=\"\" class=\"wp-image-10297\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Inserting-the-Galleryberg-Block-1-1024x569.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Inserting-the-Galleryberg-Block-1-300x167.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Inserting-the-Galleryberg-Block-1-768x427.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Inserting-the-Galleryberg-Block-1-1536x854.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Inserting-the-Galleryberg-Block-1-2048x1139.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Inserting-the-Galleryberg-Block-1-18x10.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Etapa 3: Fa\u00e7a upload ou selecione imagens<\/h4>\n\n\n\n<p>Use a biblioteca de m\u00eddia ou carregue novas imagens. Voc\u00ea pode reorganizar as imagens arrastando e soltando.<\/p>\n\n\n<div style=\"width: 100%; \" class=\"ub-advanced-video-container wp-block-ub-advanced-video\" id=\"ub-advanced-video-7012e2e3-2b9f-4af2-924a-0ebbe824fa4a\"><div class=\"ub-advanced-video-embed\" style=\"box-shadow: 0px -0px 0px 0px rgba(0, 0, 0, 1); border-top: 1px solid ; border-left: 1px solid ; border-right: 1px solid ; border-bottom: 1px solid ; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; \"><video controls loop width=\"undefined\" height=\"undefined\"><source src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Adding-images-to-the-Gallery-using-Galleryberg.mp4\"><\/source><\/video><\/div><\/div>\n\n\n<h4 class=\"wp-block-heading\">Etapa 4: Escolha um layout<\/h4>\n\n\n\n<p>No painel de configura\u00e7\u00f5es do bloco, selecione o layout desejado:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Ladrilhos<\/strong>: Layout de grade com espa\u00e7amento igual (ideal para linhas e colunas)<\/li>\n\n\n\n<li><strong>Alvenaria<\/strong>: Layout empilhado no estilo do Pinterest<\/li>\n\n\n\n<li><strong>Justificado<\/strong>: Linhas bem alinhadas e de igual altura<\/li>\n\n\n\n<li><strong>Quadrado<\/strong>: Quadrados perfeitos para exibi\u00e7\u00e3o uniforme da grade<\/li>\n<\/ul>\n\n\n<div style=\"width: 100%; \" class=\"ub-advanced-video-container wp-block-ub-advanced-video\" id=\"ub-advanced-video-b6a1e449-60d8-4ace-ad19-c6611f6b30e8\"><div class=\"ub-advanced-video-embed\" style=\"box-shadow: 0px -0px 0px 0px rgba(0, 0, 0, 1); border-top: 1px solid ; border-left: 1px solid ; border-right: 1px solid ; border-bottom: 1px solid ; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; \"><video muted loop autoplay controls width=\"undefined\" height=\"undefined\"><source src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Gallery-Layout.mp4\"><\/source><\/video><\/div><\/div>\n\n\n<h3 class=\"wp-block-heading\">Etapa 5: Ative a op\u00e7\u00e3o Lightbox<\/h3>\n\n\n\n<p>Na barra lateral de configura\u00e7\u00f5es do bloco, alterne a op\u00e7\u00e3o <strong>Ativar Lightbox<\/strong> op\u00e7\u00e3o.<\/p>\n\n\n\n<p>Suas imagens agora ser\u00e3o abertas em um pop-up com transi\u00e7\u00f5es suaves, efeitos de zoom e navega\u00e7\u00e3o por slides.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"631\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Enable-the-Lightbox-Option-1024x631.png\" alt=\"\" class=\"wp-image-10302\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Enable-the-Lightbox-Option-1024x631.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Enable-the-Lightbox-Option-300x185.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Enable-the-Lightbox-Option-768x473.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Enable-the-Lightbox-Option-1536x946.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Enable-the-Lightbox-Option-2048x1262.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/Enable-the-Lightbox-Option-18x12.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Etapa 5: Personalizar e publicar<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Defina o n\u00famero de colunas (de 1 a 8)Na barra lateral de configura\u00e7\u00f5es do bloco, role para baixo at\u00e9 a se\u00e7\u00e3o <strong>Caixa de luz<\/strong> se\u00e7\u00e3o.<\/li>\n\n\n\n<li>Alternar o <strong>Ativar Lightbox<\/strong> op\u00e7\u00e3o.<\/li>\n\n\n\n<li>Suas imagens agora ser\u00e3o abertas em um pop-up com transi\u00e7\u00f5es suaves, efeitos de zoom e navega\u00e7\u00e3o por slides.<\/li>\n\n\n\n<li>Ajuste o espa\u00e7amento, as legendas, as bordas e muito mais<\/li>\n\n\n\n<li>Habilite a caixa de luz para visualiza\u00e7\u00f5es interativas de imagens<\/li>\n<\/ul>\n\n\n\n<p>Clique em <strong>Publicar<\/strong> ou <strong>Atualiza\u00e7\u00e3o<\/strong> e sua galeria aparecer\u00e1 em linhas e colunas limpas e responsivas.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_e9064da0-d81d-4d9b-ac16-d36fcf24cafd\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"Display-Images-in-WordPress-Using-the-TableBerg-Plugin\">M\u00e9todo 4: Usando o plug-in Tableberg<\/h2>\n\n\n\n<p>O TableBerg \u00e9 um plug-in de cria\u00e7\u00e3o de tabelas f\u00e1cil de usar. Ele permite que voc\u00ea adicione v\u00e1rios blocos personalizados \u00e0s c\u00e9lulas da tabela para criar tabelas multifuncionais. Nesta se\u00e7\u00e3o, mostraremos como adicionar imagens no WordPress usando o plug-in <a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tableberg<\/a> plugin.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Etapa 01: Instalar e ativar o plug-in Tableberg<\/h3>\n\n\n\n<p>Ir para <strong>Plug-ins &gt; Adicionar novo plug-in<\/strong>. Tipo <strong>Tableberg<\/strong> na caixa de pesquisa. <strong>Instalar<\/strong> e <strong>ativar<\/strong> assim que o plug-in for exibido abaixo.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-TableBerg-plugin.png\" alt=\"Instale e ative o plug-in TableBerg\" class=\"wp-image-156\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-TableBerg-plugin.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-TableBerg-plugin-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-TableBerg-plugin-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-TableBerg-plugin-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Etapa 02: Adicione o bloco Tableberg ao seu post\/p\u00e1gina<\/h3>\n\n\n\n<p>O plug-in vem com um bloco do Gutenberg chamado TableBerg. Encontre e adicione o bloco <strong>Bloco TabelBerg<\/strong> para seu editor.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor.webp\" alt=\"Encontre e adicione o bloco TableBerg ao seu editor Gutenberg\" class=\"wp-image-481\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Defina o n\u00famero da linha e da coluna da tabela. O processo \u00e9 semelhante ao do bloco de tabela padr\u00e3o. Fa\u00e7a voc\u00ea mesmo.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"522\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-the-row-and-column-number-1024x522.png\" alt=\"Definir o n\u00famero da linha e da coluna\" class=\"wp-image-176\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-the-row-and-column-number-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-the-row-and-column-number-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-the-row-and-column-number-768x392.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-the-row-and-column-number.png 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Etapa 03: Localizar e adicionar o bloco de imagem \u00e0 tabela<\/h3>\n\n\n\n<p>Espero que sua tabela esteja pronta. Selecione a c\u00e9lula em que deseja adicionar uma imagem. Quando voc\u00ea seleciona uma c\u00e9lula, o bot\u00e3o <strong>\u00edcone de mais (+)<\/strong> aparecer\u00e1.<\/p>\n\n\n\n<p><strong>Clique no \u00edcone de mais (+)<\/strong>. Voc\u00ea obter\u00e1 o bloco Image. <strong>Clique no bloco Imagem<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-the-Image-block-to-the-table.png\" alt=\"Adicione o bloco Image \u00e0 tabela\" class=\"wp-image-2040\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-the-Image-block-to-the-table.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-the-Image-block-to-the-table-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-the-Image-block-to-the-table-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-the-Image-block-to-the-table-768x392.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Add-the-Image-block-to-the-table-18x9.png 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Voc\u00ea ter\u00e1 op\u00e7\u00f5es para carregar imagens da unidade local ou da Biblioteca de m\u00eddia. Clique em qualquer op\u00e7\u00e3o desejada e carregue a imagem.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Upload-an-image-to-the-block.webp\" alt=\"Fazer upload de uma imagem para o bloco\" class=\"wp-image-2041\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Upload-an-image-to-the-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Upload-an-image-to-the-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Upload-an-image-to-the-block-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Upload-an-image-to-the-block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Upload-an-image-to-the-block-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Etapa 04: Estilizar a imagem carregada<\/h3>\n\n\n\n<p>Esperamos que sua imagem j\u00e1 tenha sido carregada na tabela. V\u00e1 at\u00e9 a guia Styles (Estilos) na barra lateral direita. Voc\u00ea encontrar\u00e1 op\u00e7\u00f5es como Duotone, Border e Radius para estilizar o bloco Image.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Stylize-the-Uploaded-Image.webp\" alt=\"Estilizar a imagem carregada\" class=\"wp-image-2042\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Stylize-the-Uploaded-Image.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Stylize-the-Uploaded-Image-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Stylize-the-Uploaded-Image-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Stylize-the-Uploaded-Image-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Stylize-the-Uploaded-Image-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Assim, voc\u00ea pode fazer upload de imagens para a tabela do WordPress com o plug-in. Explorar <a href=\"https:\/\/tableberg.com\/pt\/como-criar-uma-secao-de-membros-da-equipe-no-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">como criar uma se\u00e7\u00e3o de membros da equipe no WordPress<\/a> usando o bloco de colunas.<\/p>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_4f6fde1a-4a3a-40a3-9a12-c816daa6407d\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Observa\u00e7\u00f5es finais!<\/h2>\n\n\n\n<p>Para manter um website com sucesso, voc\u00ea precisa fazer upload e apresentar seu conte\u00fado de diferentes maneiras. \u00c0s vezes, o mesmo conte\u00fado precisa ser apresentado de maneiras diferentes em posts e p\u00e1ginas diferentes. E o mesmo acontece com o bloco de imagens.<\/p>\n\n\n\n<p>Esperamos que, depois de ler este tutorial, voc\u00ea consiga adicionar seu bloco de imagens de v\u00e1rias maneiras no WordPress e trazer varia\u00e7\u00f5es ao conte\u00fado.<\/p>","protected":false},"excerpt":{"rendered":"<p>It&#8217;s no longer a secret that visual content like images play a powerful role in delivering concepts and narratives. Text content alone can often fail to captivate readers. This is why incorporating relevant images into blog posts and pages has become mandatory. WordPress allows you to add images to your site in numerous ways. One [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2106,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[42,83,41],"class_list":["post-2022","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-column-block","tag-how-to-add-images","tag-image-block"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/How-to-Display-WordPress-Images-in-Columns-Rows.webp","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/pt\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/2022","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/comments?post=2022"}],"version-history":[{"count":7,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/2022\/revisions"}],"predecessor-version":[{"id":10303,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/2022\/revisions\/10303"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media\/2106"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media?parent=2022"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/categories?post=2022"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/tags?post=2022"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}