{"id":6371,"date":"2024-12-30T16:54:55","date_gmt":"2024-12-30T16:54:55","guid":{"rendered":"https:\/\/tableberg.com\/?p=6371"},"modified":"2024-12-30T16:54:55","modified_gmt":"2024-12-30T16:54:55","slug":"como-utilizar-el-bloque-de-imagenes-en-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/es\/how-to-use-the-image-block-in-wordpress\/","title":{"rendered":"C\u00f3mo utilizar el bloque de im\u00e1genes en WordPress en 3 sencillos pasos"},"content":{"rendered":"<p>La imagen es esencial para cada sitio web para que sea visualmente atractivo. Es por eso que debes aprender a usar el bloque de imagen en WordPress. Como cualquier otro constructor de p\u00e1ginas, el constructor de bloques Gutenberg viene con el bloque de imagen principal para a\u00f1adir im\u00e1genes. <\/p>\n\n\n\n<p>Hoy compartiremos las directrices completas sobre el bloque de imagen, sus ventajas, caracter\u00edsticas y c\u00f3mo utilizarlo. Aseg\u00farate de estar con nosotros de principio a fin. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfQu\u00e9 es el bloque de imagen?<\/h2>\n\n\n\n<p>En<strong> <a href=\"https:\/\/wordpress.org\/documentation\/article\/image-block\/\" target=\"_blank\" rel=\"noreferrer noopener\">bloque de imagen<\/a> <\/strong>es el bloque central dedicado con el editor de bloques de WordPress para a\u00f1adir im\u00e1genes. El bloque de imagen le permite insertar, editar y personalizar las im\u00e1genes en su contenido. <\/p>\n\n\n\n<p>El bloque de imagen principal le ofrece las siguientes ventajas.<\/p>\n\n\n<ul style=\"padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 15px; \" class=\"wp-block-ub-styled-list ub_styled_list\" id=\"ub_styled_list-a5b2221b-d59e-4664-920c-3611f456d19e\"><div class=\"ub-block-list__layout\" style=\"text-align: left; column-count: 1; --ub-list-mobile-column-count: 1; \">\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-d10d3e81-1e63-4fcd-8706-0d861babfa01\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><strong>Facilidad de uso: <\/strong>El bloque Imagen es f\u00e1cil de usar, ya que cualquiera puede utilizarlo sin necesidad de conocimientos especiales. Adem\u00e1s, a\u00f1adir im\u00e1genes utilizando el bloque es sencillo. <\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-d10d3e81-1e63-4fcd-8706-0d861babfa01\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><strong>Personalizaci\u00f3n: <\/strong>Para la personalizaci\u00f3n, te permite cambiar el tama\u00f1o de la imagen, establecer la alineaci\u00f3n de la imagen, a\u00f1adir pies de foto, etc. <\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-d10d3e81-1e63-4fcd-8706-0d861babfa01\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><strong>Optimizaci\u00f3n SEO:<\/strong> Puedes a\u00f1adir texto alternativo a cada imagen utilizando el bloque de imagen, que ayuda a los motores de b\u00fasqueda a entender mejor tu imagen. <\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n<\/div><\/ul>\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\">Funciones de la barra de herramientas del bloque de im\u00e1genes<\/h2>\n\n\n\n<p>La barra de herramientas de bloque de imagen tiene varias caracter\u00edsticas que le permiten personalizarla. A continuaci\u00f3n se explican las funciones de la barra de herramientas de bloque. <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Transf\u00f3rmate: <\/strong>Puede transformar este bloque en un p\u00e1rrafo, c\u00f3digo, columnas, etc.<\/li>\n\n\n\n<li><strong>Arrastra: <\/strong>Permite arrastrar y soltar el bloque dedicado en cualquier lugar.<\/li>\n\n\n\n<li><strong>Asa m\u00f3vil: <\/strong>Permite mover el bloque arriba y abajo.<\/li>\n\n\n\n<li><strong>Alinear:<\/strong> La opci\u00f3n de alineaci\u00f3n le permite ajustar la alineaci\u00f3n de la imagen a Ninguna, Ancho, Ancho completo, Izquierda, Centro y Derecha. <\/li>\n\n\n\n<li><strong>Filtro Duotone: <\/strong>El filtro Duotono te permite crear un efecto de dos tonos de color sin perder la imagen original. De nuevo, puedes ajustar las sombras y las luces con esta funci\u00f3n. <\/li>\n\n\n\n<li><strong>Hiperv\u00ednculo: <\/strong>Esta opci\u00f3n le permite a\u00f1adir enlaces para el contenido seleccionado dentro del bloque.<\/li>\n\n\n\n<li><strong>Cosecha: <\/strong>La opci\u00f3n Recortar permite hacer zoom, cambiar la relaci\u00f3n de aspecto y girar la imagen. <\/li>\n\n\n\n<li><strong>A\u00f1adir texto sobre imagen:<\/strong> Permite a\u00f1adir texto sobre la imagen y a\u00f1adir otros bloques dentro del bloque de imagen. Convierte el <strong>Bloque de im\u00e1genes<\/strong> en el <strong>Bloque de cubierta<\/strong>. <\/li>\n\n\n\n<li><strong>A\u00f1adir pie de foto: <\/strong>Puedes a\u00f1adir subt\u00edtulos utilizando la opci\u00f3n <\/li>\n\n\n\n<li><strong>Sustit\u00fayelo:<\/strong> La opci\u00f3n de reemplazar te permite sustituir la imagen actual por la otra.  <\/li>\n\n\n\n<li><strong>M\u00e1s opciones: <\/strong>Ofrece m\u00e1s opciones relacionadas con la secci\u00f3n del bloque, como duplicar, copiar, agrupar, etc.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"888\" height=\"628\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_14-59-18.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6375\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_14-59-18.png 888w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_14-59-18-300x212.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_14-59-18-768x543.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_14-59-18-18x12.png 18w\" sizes=\"auto, (max-width: 888px) 100vw, 888px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-main-accent-color has-alpha-channel-opacity has-main-accent-background-color has-background\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfC\u00f3mo utilizar el bloque de im\u00e1genes en WordPress?<\/h2>\n\n\n\n<p>Le mostraremos c\u00f3mo utilizar el bloque de im\u00e1genes de WordPress en unos sencillos pasos a continuaci\u00f3n. Todo lo que necesitas es seguir. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Paso 1: Insertar el bloque de imagen<\/h3>\n\n\n\n<p>Para insertar el bloque Imagen, dir\u00edgete a tu entrada o p\u00e1gina. <\/p>\n\n\n\n<p>A continuaci\u00f3n, haga clic en A\u00f1adir bloque (\"<strong>+<\/strong>\") <strong>A\u00f1adir bloque<\/strong> icono\u00a0<strong>(1)<\/strong>, tipo \"<strong>Imagen<\/strong>\" en la casilla de b\u00fasqueda\u00a0<strong>(2)<\/strong>y haga clic en \"<strong>Imagen<\/strong>\"\u00a0<strong>(3)<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"888\" height=\"608\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_20-05-04.png\" alt=\"C\u00f3mo utilizar el bloque de im\u00e1genes en WordPress\" class=\"has-border-color has-main-accent-border-color wp-image-6381\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_20-05-04.png 888w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_20-05-04-300x205.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_20-05-04-768x526.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_20-05-04-18x12.png 18w\" sizes=\"auto, (max-width: 888px) 100vw, 888px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Paso 2: Inserte su archivo de imagen<\/h3>\n\n\n\n<p>Puede seleccionar cualquiera de estas tres opciones. <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Sube: <\/strong>Puede cargar sus archivos de imagen. <\/li>\n\n\n\n<li><strong>Mediateca: <\/strong>Esto te permite seleccionar im\u00e1genes de tu biblioteca multimedia que ya han sido cargadas anteriormente. <\/li>\n\n\n\n<li><strong>Insertar desde URL:<\/strong> Puede insertar la imagen utilizando los enlaces. <\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"884\" height=\"496\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_20-27-33.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6382\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_20-27-33.png 884w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_20-27-33-300x168.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_20-27-33-768x431.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_20-27-33-18x10.png 18w\" sizes=\"auto, (max-width: 884px) 100vw, 884px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">C\u00f3mo insertar una imagen a trav\u00e9s de la opci\u00f3n de carga<\/h4>\n\n\n\n<p>Para insertar archivos de imagen, haz clic en el bot\u00f3n subir, selecciona tu imagen y haz clic en abrir. Despu\u00e9s se abrir\u00e1 en el editor. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"926\" height=\"494\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_21-07-41.gif\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6384\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">C\u00f3mo insertar una imagen a trav\u00e9s de la opci\u00f3n de biblioteca multimedia<\/h4>\n\n\n\n<p>Haga clic en el bot\u00f3n Biblioteca multimedia, seleccione la imagen y haga clic en el bot\u00f3n Seleccionar para insertar la imagen en el editor. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"876\" height=\"640\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_21-19-28.gif\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6385\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">C\u00f3mo insertar una imagen mediante la opci\u00f3n Insertar imagen desde URL<\/h4>\n\n\n\n<p>Seleccione el bot\u00f3n Insertar desde URL, introduzca el enlace y aparecer\u00e1 en el editor. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"884\" height=\"614\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_21-51-41.gif\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6386\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Paso 3: Personalizaci\u00f3n de la imagen<\/h3>\n\n\n\n<p>Cuando hayas insertado la imagen en el editor, puedes cambiar su tama\u00f1o directamente desde el editor. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"872\" height=\"732\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_21-56-07.gif\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6387\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<p>Tambi\u00e9n puede configurar varias opciones desde los Ajustes de bloqueo. Para acceder a los ajustes de bloque, navegue <strong>Ajustes<\/strong> (<strong>1<\/strong>) <strong>><\/strong> <strong>Bloque<\/strong> <strong>(2)<\/strong> <strong>&gt; Configuraci\u00f3n<\/strong> <strong>(3)<\/strong>. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"812\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_21-58-22.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6388\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_21-58-22.png 880w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_21-58-22-300x277.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_21-58-22-768x709.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_21-58-22-13x12.png 13w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><\/figure>\n\n\n\n<p><strong>Las opciones de Configuraci\u00f3n contienen funciones como:<\/strong><\/p>\n\n\n\n<div style=\"height:16px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\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-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image alignright size-full is-resized has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"288\" height=\"530\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-05-20-1.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6394\" style=\"border-width:1px;border-radius:3px;width:231px;height:auto\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-05-20-1.png 288w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-05-20-1-163x300.png 163w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-05-20-1-7x12.png 7w\" sizes=\"auto, (max-width: 288px) 100vw, 288px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<ol class=\"wp-block-list\">\n<li><strong>Texto alternativo:<\/strong> Le permite establecer Texto alternativo para fines de SEO.<\/li>\n\n\n\n<li><strong>Relaci\u00f3n de aspecto:<\/strong> Esto le permite establecer la relaci\u00f3n de aspecto de su imagen en Original, Cuadrado, Est\u00e1ndar, Retrato, Cl\u00e1sico, Retrato Cl\u00e1sico, Ancho y Alto. <\/li>\n\n\n\n<li><strong>Resoluci\u00f3n:<\/strong> Puede ajustar la resoluci\u00f3n a grande, Mediana, Miniatura y Tama\u00f1o completo.<\/li>\n\n\n\n<li><strong>Anchura:<\/strong> Ajusta la anchura que desees. <\/li>\n\n\n\n<li><strong>Altura:<\/strong> Establezca la altura de la imagen que necesita. <\/li>\n<\/ol>\n<\/div>\n<\/div>\n\n\n\n<p>Los Estilos de bloque contienen otras caracter\u00edsticas de estilo que puede necesitar al dise\u00f1ar el bloque de imagen. <\/p>\n\n\n\n<div style=\"height:19px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\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-layout-flow wp-block-column-is-layout-flow\">\n<div style=\"height:76px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Estilos:<\/strong> Esta funci\u00f3n le permite establecer los estilos de imagen en Predeterminado y Redondeado. <\/li>\n\n\n\n<li><strong>Filtros: <\/strong>Los filtros te permiten establecer un filtro duotono para tu imagen sin perder su originalidad. <\/li>\n\n\n\n<li><strong>Dimensiones: <\/strong>Esta funci\u00f3n le permite establecer m\u00e1rgenes para su imagen. <\/li>\n\n\n\n<li><strong>Frontera y sombra:<\/strong> Puede a\u00f1adir un borde y un radio de borde para el bloque de imagen utilizando esta funci\u00f3n. <\/li>\n<\/ol>\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 is-resized has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"298\" height=\"698\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-26-58.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6396\" style=\"border-width:1px;border-radius:3px;width:237px;height:auto\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-26-58.png 298w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-26-58-128x300.png 128w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-26-58-5x12.png 5w\" sizes=\"auto, (max-width: 298px) 100vw, 298px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>As\u00ed se utiliza el bloque de imagen y sus opciones. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"693\" height=\"504\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-42-48.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6400\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-42-48.png 693w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-42-48-300x218.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-42-48-18x12.png 18w\" sizes=\"auto, (max-width: 693px) 100vw, 693px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-main-accent-color has-alpha-channel-opacity has-main-accent-background-color has-background\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Reflexiones finales<\/h2>\n\n\n\n<p>El bloque de im\u00e1genes de WordPress es una herramienta potente y f\u00e1cil de usar que te ayuda a mejorar tu contenido con elementos visuales. Domina todas las funciones de este bloque y haz que tu sitio web sea visualmente atractivo. <\/p>\n\n\n\n<p>El bloque de im\u00e1genes es perfecto para compartir tus productos destacados, compartir recuerdos o explicar un concepto. Tambi\u00e9n ayuda a que tus im\u00e1genes tengan el mejor aspecto. <\/p>\n\n\n\n<p>As\u00ed que, la pr\u00f3xima vez que trabajes en un proyecto de WordPress, utiliza este pr\u00e1ctico bloque para elevar tu contenido.<\/p>\n\n\n\n<p>Espero que este tutorial te haya resultado \u00fatil y f\u00e1cil de seguir. En la secci\u00f3n de comentarios de abajo, d\u00e9jame o\u00edr tus gritos sobre el tutorial y el bloque. <\/p>\n\n\n\n<p>Adem\u00e1s, no olvides compartir esto en tus redes sociales y dar a conocer a otros este impresionante bloque de im\u00e1genes. <\/p>\n\n\n\n<p><strong>M\u00e1s informaci\u00f3n<\/strong><\/p>\n\n\n<ul style=\"padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 15px; \" class=\"wp-block-ub-styled-list ub_styled_list\" id=\"ub_styled_list-c1022999-7c84-4107-a81c-b58dcd3ed84a\"><div class=\"ub-block-list__layout\" style=\"text-align: left; column-count: 1; --ub-list-mobile-column-count: 1; \">\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-77af8392-7837-4044-a01c-1827d04f66dd\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/es\/como-utilizar-el-bloque-preformateado-en-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">C\u00f3mo utilizar el bloque preformateado en WordPress en 3 sencillos pasos<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-77af8392-7837-4044-a01c-1827d04f66dd\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/es\/como-utilizar-el-bloque-de-codigo-en-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">C\u00f3mo utilizar el bloque de c\u00f3digo en WordPress en 3 sencillos pasos<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-77af8392-7837-4044-a01c-1827d04f66dd\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/es\/como-utilizar-el-bloque-de-citas-en-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">C\u00f3mo utilizar el bloque de presupuesto en WordPress en 3 sencillos pasos<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-77af8392-7837-4044-a01c-1827d04f66dd\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/es\/como-utilizar-el-bloque-de-lista-en-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">C\u00f3mo utilizar el bloque de lista en WordPress<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-77af8392-7837-4044-a01c-1827d04f66dd\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/es\/como-utilizar-el-editor-de-bloques-de-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">C\u00f3mo utilizar el editor de bloques de WordPress (Gu\u00eda para principiantes)<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-77af8392-7837-4044-a01c-1827d04f66dd\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/es\/mejores-plugins-woocommerce-tabla-de-precios\/\" target=\"_blank\" rel=\"noreferrer noopener\">7 mejores plugins de tablas de precios para WooCommerce<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n<\/div><\/ul>\n\n<div class=\"wp-block-ub-social-share\" id=\"ub-social-share-d1c22a5b-a912-4cfb-a537-fa8558d65e66\">\n\t\t\t<div class=\"social-share-icons align-icons-center orientation-icons-row\"><a aria-label=\"facebook-logo\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Ftableberg.com%2Fes%2Fhow-to-use-the-image-block-in-wordpress%2F&amp;title=How%20to%20Use%20the%20Image%20Block%20in%20WordPress%20in%203%20Easy%20Steps\" class=\"ub-social-share-facebook-container\" style=\"border-color: #1877f2; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-facebook\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#1877f2\" fill=\"#1877f2\" width=\"20\" height=\"20\" viewbox=\"0 0 264 512\"><path d=\"M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229\"><\/path><\/svg><\/span><span style=\"\">compartir<\/span>\n\t\t\t<\/a><a aria-label=\"logo twitter\" target=\"_blank\" rel=\"nofollow\" href=\"http:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Ftableberg.com%2Fes%2Fhow-to-use-the-image-block-in-wordpress%2F&amp;text=How%20to%20Use%20the%20Image%20Block%20in%20WordPress%20in%203%20Easy%20Steps\" class=\"ub-social-share-twitter-container\" style=\"border-color: #1d9bf0; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-twitter\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"color:#1d9BF0\" fill=\"#1d9BF0\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\"><path d=\"M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584l-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z\"><\/path><\/svg><\/span><span style=\"\">tuitee<\/span>\n\t\t\t<\/a><a aria-label=\"linkedin-logo\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=https%3A%2F%2Ftableberg.com%2Fes%2Fhow-to-use-the-image-block-in-wordpress%2F\" class=\"ub-social-share-linkedin-container\" style=\"border-color: #2867b2; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-linkedin\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#2867b2\" fill=\"#2867b2\" width=\"20\" height=\"20\" viewbox=\"0 0 448 512\"><path d=\"M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z\"><\/path><\/svg><\/span><span style=\"\">compartir<\/span>\n\t\t\t<\/a><\/div>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Image is essential for every website to make it visually engaging. That&#8217;s why you must learn how to use the image block in WordPress. Like any other page builder, the Gutenberg block builder comes with the core image block for adding images. Today, we will share the complete guidelines on the image block, its benefits, [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":6372,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-6371","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/How-to-Use-the-Image-Block-in-WordPress-1140-x-450.png","author_info":{"display_name":"Ankur Raj Bongshi","author_link":"https:\/\/tableberg.com\/es\/author\/rajankur003\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/6371","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\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/comments?post=6371"}],"version-history":[{"count":12,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/6371\/revisions"}],"predecessor-version":[{"id":6404,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/6371\/revisions\/6404"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media\/6372"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media?parent=6371"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/categories?post=6371"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/tags?post=6371"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}