{"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-mostrar-imagenes-en-wordpress-en-columnas-filas","status":"publish","type":"post","link":"https:\/\/tableberg.com\/es\/how-to-display-wordpress-images-in-columns-rows\/","title":{"rendered":"C\u00f3mo mostrar im\u00e1genes de WordPress en columnas y filas"},"content":{"rendered":"<p>Ya no es un secreto que los contenidos visuales, como las im\u00e1genes, desempe\u00f1an un poderoso papel a la hora de transmitir conceptos y narraciones. A menudo, el contenido de texto por s\u00ed solo no consigue cautivar a los lectores. Por eso es obligatorio incorporar im\u00e1genes relevantes en las entradas y p\u00e1ginas de los blogs.<\/p>\n\n\n\n<p>WordPress le permite a\u00f1adir im\u00e1genes a su sitio de numerosas maneras. Una de las formas m\u00e1s eficaces es a\u00f1adir im\u00e1genes en columnas y filas. Te permite presentar tus im\u00e1genes de forma organizada.<\/p>\n\n\n\n<p>En esta entrada del blog, le mostraremos m\u00faltiples maneras de c\u00f3mo mostrar im\u00e1genes de WordPress en Columnas y Filas.<\/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\">Uso del bloque de columnas<\/a> (Lo mejor para un control manual total y dise\u00f1os personalizados)<\/li>\n\n\n\n<li>M\u00e9todo 2: <a href=\"#Display-Images-in-WordPress-Using-the-Gallery-Block\">Uso del bloque Galer\u00eda<\/a> (<em>Lo mejor para rejillas de im\u00e1genes sencillas con un estilo m\u00ednimo)<\/em><\/li>\n\n\n\n<li>M\u00e9todo 3: <a href=\"#Using-the-Galleryberg-Block\">Utilizaci\u00f3n del bloque Galleryberg<\/a> (Lo mejor para dise\u00f1os avanzados con lightbox y personalizaci\u00f3n)<\/li>\n\n\n\n<li>M\u00e9todo 4: <a href=\"#Display-Images-in-WordPress-Using-the-TableBerg-Plugin\">Uso del complemento Tableberg<\/a> (Ideal para cuadr\u00edculas de im\u00e1genes estructuradas, como tablas de precios, horarios o productos)<\/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>Cree bonitas mesas <\/strong><br><strong>Con el editor de bloques<\/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\">Pruebe gratis<\/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\/es\/precios\/\" target=\"_blank\" rel=\"noreferrer noopener\">Conseguir Pro<\/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: Utilizar el bloque de columnas<\/h2>\n\n\n\n<p>WordPress tiene un bloque de columnas por defecto. Puedes a\u00f1adir muchos m\u00e1s bloques dentro de ella, incluyendo el bloque de imagen. Aqu\u00ed est\u00e1 la gu\u00eda.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Paso 01: A\u00f1adir el bloque Columna Gutenberg<\/h3>\n\n\n\n<p>Find and <strong>add the Column block<\/strong> haciendo clic en el icono m\u00e1s (+) del 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=\"A\u00f1adir el bloque Columna 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>Seleccione el n\u00famero de variaciones de columna que desea a\u00f1adir al bloque de columnas. Para este tutorial, seleccionaremos la variaci\u00f3n de columna 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=\"Seleccione el n\u00famero de columnas del bloque de columnas\" 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\">Paso 02: A\u00f1adir el Bloque de Imagen al Bloque de Columna<\/h3>\n\n\n\n<p>Como dijimos, puedes otros bloques de Gutenberg dentro del bloque de columna. Ahora, <strong>haga clic en el icono m\u00e1s (+)<\/strong> dentro de la columna. Buscar y <strong>a\u00f1adir el bloque Imagen<\/strong> a ella.<\/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=\"A\u00f1adir el bloque de imagen al bloque de columna\" 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>Ahora puede a\u00f1adir im\u00e1genes de la biblioteca multimedia o de la unidad local. Hazlo como desees.<\/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=\"Cargar imagen en el bloque de columnas\" 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\">Paso 03: Estilizar el Bloque de Imagen dentro del Bloque de Columna<\/h3>\n\n\n\n<p>Puede ver que hemos a\u00f1adido una imagen. Puede alinearla en el centro utilizando la opci\u00f3n de alineaci\u00f3n de la barra de herramientas. Cambia el tama\u00f1o de la imagen con el icono del c\u00edrculo de borde. Por \u00faltimo, puedes darle m\u00e1s estilo utilizando las opciones de la pesta\u00f1a 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 el bloque de imagen dentro del bloque de columna\" 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>Del mismo modo, a\u00f1ada tambi\u00e9n una imagen a la otra columna.<\/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=\"A\u00f1adir imagen a la otra columna\" 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: Utilizar el Bloque Galer\u00eda<\/h2>\n\n\n\n<p>WordPress tiene un bloque de Galer\u00eda por defecto mediante el cual puedes a\u00f1adir m\u00faltiples im\u00e1genes con el mismo dise\u00f1o de bloque.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Paso 01: A\u00f1adir el Bloque de Galer\u00eda<\/h3>\n\n\n\n<p>Como en el m\u00e9todo anterior, encontrar y <strong>a\u00f1adir el bloque Galer\u00eda al 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=\"A\u00f1adir el bloque Galer\u00eda\" 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>Podr\u00e1s cargar im\u00e1genes desde tu <strong>unidad local<\/strong> o el <strong>Mediateca<\/strong>. En este tutorial, cargaremos im\u00e1genes desde la Biblioteca multimedia. <\/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=\"Cargar im\u00e1genes\" 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\">Paso 02: Seleccionar y cargar im\u00e1genes<\/h3>\n\n\n\n<p><strong>Seleccione las im\u00e1genes<\/strong> que desea cargar en el bloque Galer\u00eda. Puede seleccionar tantas im\u00e1genes como desee. Una vez hecho esto, <strong>haga clic en el bot\u00f3n Crear una nueva galer\u00eda<\/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=\"Seleccionar im\u00e1genes para el bloque Galer\u00eda\" 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>Si quieres, puedes a\u00f1adir leyendas para cada imagen. No hay problema si no a\u00f1ades nada. Pulsa el bot\u00f3n <strong>Bot\u00f3n Insertar Galer\u00eda<\/strong> al 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=\"Insertar galer\u00eda\" 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>Puede ver que se han a\u00f1adido im\u00e1genes a la galer\u00eda. A continuaci\u00f3n, puede personalizar el bloque Imagen utilizando las opciones del men\u00fa <strong>Ajustes<\/strong> y <strong>Ficha Estilos<\/strong> en la barra lateral derecha. <\/p>\n\n\n\n<p>Espero que puedas hacerlo solo, as\u00ed que no entro en detalles.<\/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=\"Im\u00e1genes a\u00f1adidas a la Galer\u00eda\" 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: Utilizar el plugin Galleryberg<\/h2>\n\n\n\n<p>Si busca una forma m\u00e1s flexible y visualmente m\u00e1s cuidada de mostrar im\u00e1genes en columnas o filas, la funci\u00f3n <strong><a href=\"https:\/\/galleryberg.com\" target=\"_blank\" rel=\"noreferrer noopener\">Galleryberg<\/a><\/strong> es una opci\u00f3n fant\u00e1stica. Es un plugin de bloque de galer\u00eda nativo de Gutenberg que te da <strong>m\u00faltiples opciones de dise\u00f1o<\/strong> - incluyendo Azulejos, Mamposter\u00eda, Justificado y Cuadrado - todos con <strong>caja de luz<\/strong> apoyo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Paso 1: Instalar el plugin Galleryberg<\/h3>\n\n\n\n<p>Vaya a su panel de WordPress y navegue hasta <strong>Plugins &gt; A\u00f1adir nuevo<\/strong>. A continuaci\u00f3n, busque \"Galleryberg\" e instale y active el plugin.<\/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\">Paso 2: A\u00f1adir el bloque Galleryberg<\/h3>\n\n\n\n<p>Abra la p\u00e1gina o la entrada en la que desea mostrar las im\u00e1genes. A continuaci\u00f3n, haga clic en el bot\u00f3n <strong>+<\/strong> y busque \"<strong>Galleryberg<\/strong>\". A\u00f1\u00e1dalo a la 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\">Paso 3: Cargar o seleccionar im\u00e1genes<\/h4>\n\n\n\n<p>Utiliza la biblioteca multimedia o sube nuevas im\u00e1genes. Puedes reorganizar las im\u00e1genes arrastr\u00e1ndolas y solt\u00e1ndolas.<\/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\">Paso 4: Elegir un dise\u00f1o<\/h4>\n\n\n\n<p>En el panel de configuraci\u00f3n de bloques, seleccione el dise\u00f1o que desee:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Azulejos<\/strong>: Dise\u00f1o de cuadr\u00edcula con espacios iguales (ideal para filas y columnas)<\/li>\n\n\n\n<li><strong>Alba\u00f1iler\u00eda<\/strong>: Dise\u00f1o apilado al estilo Pinterest<\/li>\n\n\n\n<li><strong>Justificado<\/strong>: Filas ordenadas de igual altura<\/li>\n\n\n\n<li><strong>Cuadrado<\/strong>: Cuadrados perfectos para una visualizaci\u00f3n uniforme de la cuadr\u00edcula<\/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\">Paso 5: Activar la opci\u00f3n Lightbox<\/h3>\n\n\n\n<p>En la barra lateral de configuraci\u00f3n del bloque, active la casilla <strong>Activar Lightbox<\/strong> opci\u00f3n.<\/p>\n\n\n\n<p>Tus im\u00e1genes se abrir\u00e1n ahora en una ventana emergente con transiciones suaves, efectos de zoom y navegaci\u00f3n por diapositivas.<\/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\">Paso 5: Personalizar y publicar<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Establezca el n\u00famero de columnas (de 1 a 8)En la barra lateral de configuraci\u00f3n del bloque, despl\u00e1cese hasta la opci\u00f3n <strong>Caja de luz<\/strong> secci\u00f3n.<\/li>\n\n\n\n<li>Alternar <strong>Activar Lightbox<\/strong> opci\u00f3n.<\/li>\n\n\n\n<li>Tus im\u00e1genes se abrir\u00e1n ahora en una ventana emergente con transiciones suaves, efectos de zoom y navegaci\u00f3n por diapositivas.<\/li>\n\n\n\n<li>Ajuste el espaciado, los subt\u00edtulos, los bordes, etc.<\/li>\n\n\n\n<li>Activar lightbox para previsualizar im\u00e1genes interactivas<\/li>\n<\/ul>\n\n\n\n<p>Haga clic en <strong>Publique<\/strong> o <strong>Actualizaci\u00f3n<\/strong> y tu galer\u00eda aparecer\u00e1 en filas y columnas limpias y adaptables.<\/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: Utilizar el plugin Tableberg<\/h2>\n\n\n\n<p>TableBerg es un plugin constructor de tablas f\u00e1cil de usar. Permite a\u00f1adir varios bloques personalizados a las celdas de la tabla para crear tablas multifuncionales. En esta secci\u00f3n, le mostraremos c\u00f3mo a\u00f1adir im\u00e1genes en WordPress utilizando el plugin <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\">Paso 01: Instalar y activar el plugin Tableberg<\/h3>\n\n\n\n<p>Ir a <strong>Plugins &gt; A\u00f1adir nuevo plugin<\/strong>. Tipo <strong>Tableberg<\/strong> en el cuadro de b\u00fasqueda. <strong>Instale<\/strong> y <strong>activar<\/strong> una vez que el plugin aparece a continuaci\u00f3n.<\/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=\"Instalar y activar el plugin 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\">Paso 02: A\u00f1ade el bloque Tableberg a tu post\/p\u00e1gina<\/h3>\n\n\n\n<p>El plugin viene con un bloque Gutenberg llamado TableBerg. Busca y a\u00f1ade el bloque <strong>Bloque TabelBerg<\/strong> a su 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=\"Busca y a\u00f1ade el bloque TableBerg a tu editor de 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 el n\u00famero de fila y columna de la tabla. El proceso es similar al del bloque de tabla por defecto. H\u00e1galo usted mismo.<\/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=\"Establecer el n\u00famero de fila y columna\" 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\">Paso 03: Buscar y a\u00f1adir el bloque de imagen a la tabla<\/h3>\n\n\n\n<p>Espero que tu tabla est\u00e9 lista. Selecciona la celda donde quieres a\u00f1adir una imagen. Una vez que seleccione una celda, aparecer\u00e1 el icono <strong>icono m\u00e1s (+)<\/strong> aparecer\u00e1.<\/p>\n\n\n\n<p><strong>Click the plus (+) icon<\/strong>. Obtendr\u00e1 el bloque Imagen. <strong>Pulsa el bloque Imagen<\/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=\"A\u00f1ade el bloque Imagen a la tabla\" 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>Tendr\u00e1s opciones para subir im\u00e1genes desde la unidad local o desde la biblioteca multimedia. Haz clic en la opci\u00f3n que quieras y sube la imagen.<\/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=\"Cargar una imagen en el bloque\" 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\">Paso 04: Estilizar la imagen cargada<\/h3>\n\n\n\n<p>Con suerte, su imagen ya est\u00e1 cargada en la tabla. Vaya a la pesta\u00f1a Estilos en la barra lateral derecha. Encontrar\u00e1s opciones como Duotono, Borde y Radio para estilizar tu bloque Imagen.<\/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 la imagen cargada\" 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>Por lo tanto, puede subir im\u00e1genes a la tabla de WordPress con el plugin. Explorar <a href=\"https:\/\/tableberg.com\/es\/how-to-create-a-team-member-section-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">c\u00f3mo crear una secci\u00f3n de miembros de equipo en WordPress<\/a> mediante el bloque de columnas.<\/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\">Observaciones finales<\/h2>\n\n\n\n<p>Para mantener con \u00e9xito un sitio web, es necesario cargar y presentar el contenido de diferentes maneras. A veces, el mismo contenido tiene que ser presentado de diferentes maneras en diferentes posts y p\u00e1ginas. Y lo mismo ocurre con el bloque de im\u00e1genes.<\/p>\n\n\n\n<p>Con suerte, despu\u00e9s de leer este tutorial, usted ser\u00e1 capaz de a\u00f1adir su bloque de imagen de varias maneras en WordPress y traer variaciones al contenido.<\/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\/es\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/2022","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/comments?post=2022"}],"version-history":[{"count":7,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/2022\/revisions"}],"predecessor-version":[{"id":10303,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/2022\/revisions\/10303"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media\/2106"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media?parent=2022"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/categories?post=2022"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/tags?post=2022"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}