{"id":3336,"date":"2025-06-24T16:09:59","date_gmt":"2025-06-24T16:09:59","guid":{"rendered":"https:\/\/tableberg.com\/?p=3336"},"modified":"2025-06-24T16:10:02","modified_gmt":"2025-06-24T16:10:02","slug":"como-poner-texto-e-imagen-uno-al-lado-del-otro-en-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/es\/how-to-put-text-and-image-side-by-side-in-wordpress\/","title":{"rendered":"C\u00f3mo poner texto e imagen uno al lado del otro en WordPress"},"content":{"rendered":"<p>Al cubrir rese\u00f1as de productos, tablas comparativas, tutoriales, relatos de viajes, infograf\u00edas, contenidos educativos, etc., es posible que tenga que poner textos e im\u00e1genes uno al lado del otro. Existen numerosas formas de hacerlo en WordPress. <\/p>\n\n\n\n<p>En este art\u00edculo, le mostraremos varias maneras efectivas de c\u00f3mo poner texto e imagen lado a lado en WordPress. As\u00ed que, qu\u00e9date con nosotros hasta el final. Realmente aprender\u00e1s algo emocionante.<\/p>\n\n\n<div data-is_sticky=\"false\" data-sticky_toc_position=\"left\" data-hide_sticky_on_mobile=\"false\" data-sticky_button_icon='&lt;svg style=\"color:#000000;\" class=\"ub_sticky-toc-open-button-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"34px\" width=\"34px\" viewBox=\"0, 0, 448, 512\"&gt;&lt;path fill=\"currentColor\" d=\"M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z\"&gt;&lt;\/svg&gt;' data-sticky_button_color=\"#000000\" data-sticky_toc_width=\"320px\" class=\"wp-block-ub-table-of-contents-block ub_table-of-contents\" id=\"ub_table-of-contents-771754c5-6e52-4edb-ac05-6e6176ad9d96\" data-linktodivider=\"false\" data-showtext=\"show\" data-hidetext=\"hide\" data-scrolltype=\"auto\" data-enablesmoothscroll=\"false\" data-initiallyhideonmobile=\"false\" data-initiallyshow=\"true\"><div class=\"ub_table-of-contents-header-container\" style=\"\">\n\t\t\t<div class=\"ub_table-of-contents-header\" style=\"text-align: left; \">\n\t\t\t\t<div class=\"ub_table-of-contents-title\">Poner texto e imagen lado a lado en WordPress:<\/div>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t<\/div><div class=\"ub_table-of-contents-extra-container\" style=\"\">\n\t\t\t<div class=\"ub_table-of-contents-container ub_table-of-contents-1-column\">\n\t\t\t\t<ul style=\"\"><li style=\"color: #636381; \"><a href=\"https:\/\/tableberg.com\/es\/how-to-put-text-and-image-side-by-side-in-wordpress\/#0-method-1-using-the-media-amp-text-block\" style=\"\">M\u00e9todo 1: Utilizar el bloque multimedia y de texto<\/a><\/li><li style=\"color: #636381; \"><a href=\"https:\/\/tableberg.com\/es\/how-to-put-text-and-image-side-by-side-in-wordpress\/#5-method-2-using-the-columns-block\" style=\"\">M\u00e9todo 2: Utilizar el bloque de columnas<\/a><\/li><li style=\"color: #636381; \"><a href=\"https:\/\/tableberg.com\/es\/how-to-put-text-and-image-side-by-side-in-wordpress\/#9-method-3-using-the-tableberg-block\" style=\"\">M\u00e9todo 3: Utilizar el bloque Tableberg<\/a><\/li><li style=\"color: #636381; \"><a href=\"https:\/\/tableberg.com\/es\/how-to-put-text-and-image-side-by-side-in-wordpress\/#14-method-4-using-the-sliderberg-block\" style=\"\">M\u00e9todo 4: Utilizar el bloque Sliderberg<\/a><\/li><\/ul>\n\t\t\t<\/div>\n\t\t<\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"0-method-1-using-the-media-amp-text-block\">M\u00e9todo 1: Utilizar el bloque multimedia y de texto<\/h2>\n\n\n\n<p><strong>Medios y texto<\/strong> es un bloque predeterminado del editor de bloques de Gutenberg. Con este bloque, puedes poner texto e im\u00e1genes uno al lado del otro sin depender de ninguna herramienta de terceros.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"1-step-01-add-the-media-amp-text-to-the-editor\">Paso 01: A\u00f1adir los medios y el texto al editor<\/h3>\n\n\n\n<p>Haga clic en el bot\u00f3n <strong>icono m\u00e1s (+)<\/strong> en el editor. Escriba a <strong>Medios y texto<\/strong> en la barra de b\u00fasqueda. A\u00f1ade el bloque al 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\/09\/Add-the-Media-Text-block-to-WordPress.webp\" alt=\"A\u00f1adir el bloque Media &amp; Text a WordPress\" class=\"wp-image-3337\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Media-Text-block-to-WordPress.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Media-Text-block-to-WordPress-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Media-Text-block-to-WordPress-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Media-Text-block-to-WordPress-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Media-Text-block-to-WordPress-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"2-step-02-addupload-an-image-to-the-block\">Paso 02: A\u00f1adir\/subir una imagen al bloque<\/h3>\n\n\n\n<p>Puedes a\u00f1adir una imagen ya sea subi\u00e9ndola desde la unidad local, la biblioteca multimedia o desde la destacada. Elige la opci\u00f3n que m\u00e1s te guste.<\/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\/09\/AddUpload-an-Image-to-the-Block.webp\" alt=\"A\u00f1adir\/subir una imagen al bloque\" class=\"wp-image-3338\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/AddUpload-an-Image-to-the-Block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/AddUpload-an-Image-to-the-Block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/AddUpload-an-Image-to-the-Block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/AddUpload-an-Image-to-the-Block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/AddUpload-an-Image-to-the-Block-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Puede ver que la imagen se a\u00f1ade al bloque.<\/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\/09\/Image-is-added-to-the-Media-Text-block.webp\" alt=\"La imagen se a\u00f1ade al bloque Media &amp; Text\" class=\"wp-image-3339\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Image-is-added-to-the-Media-Text-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Image-is-added-to-the-Media-Text-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Image-is-added-to-the-Media-Text-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Image-is-added-to-the-Media-Text-block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Image-is-added-to-the-Media-Text-block-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3-step-03-add-text-to-the-media-amp-text-block\">Paso 03: A\u00f1adir texto al bloque de medios y texto<\/h3>\n\n\n\n<p>Escriba el texto que desee en la columna derecha del bloque. Puede personalizar el color del texto, la alineaci\u00f3n y mucho m\u00e1s si lo desea.<\/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\/09\/Add-Text-to-the-Media-Text-Block.webp\" alt=\"A\u00f1adir texto al bloque de medios y texto\" class=\"wp-image-3340\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-Text-to-the-Media-Text-Block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-Text-to-the-Media-Text-Block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-Text-to-the-Media-Text-Block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-Text-to-the-Media-Text-Block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-Text-to-the-Media-Text-Block-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"4-step-04-alternate-the-text-and-media-file-position\">Paso 04: Alterne la posici\u00f3n del texto y del archivo multimedia<\/h3>\n\n\n\n<p>El bloque permite alternar la posici\u00f3n de los archivos de texto y multimedia haciendo clic en las respectivas opciones de la barra de herramientas.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"720\" style=\"aspect-ratio: 1280 \/ 720;\" width=\"1280\" autoplay controls loop muted src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Switch-the-Text-and-Media-File.mp4\"><\/video><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"5-method-2-using-the-columns-block\">M\u00e9todo 2: Utilizar el bloque de columnas<\/h2>\n\n\n\n<p>En <strong>Columnas<\/strong> es tambi\u00e9n un bloque por defecto del editor. Es uno de los m\u00e1s utilizados a los bloques en la creaci\u00f3n de contenido de WordPress.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"6-step-01-add-the-columns-block-to-the-editor\">Paso 01: A\u00f1adir el Bloque de Columnas al Editor<\/h3>\n\n\n\n<p>Puede mostrar texto e imagen uno al lado del otro a\u00f1adiendo el bot\u00f3n <strong>P\u00e1rrafo<\/strong> y <strong>Bloques de im\u00e1genes<\/strong> por separado dentro de los bloques de columnas.<\/p>\n\n\n\n<p>As\u00ed que.., <strong>a\u00f1adir el bloque Columnas<\/strong> primero al 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\/09\/Add-the-Columns-block-to-the-editor.webp\" alt=\"A\u00f1adir el bloque Columnas al editor\" class=\"wp-image-3342\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Columns-block-to-the-editor.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Columns-block-to-the-editor-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Columns-block-to-the-editor-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Columns-block-to-the-editor-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Columns-block-to-the-editor-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Seleccione un dise\u00f1o a dos columnas.<\/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\/09\/Select-a-two-column-layout.webp\" alt=\"Seleccione un dise\u00f1o a dos columnas\" class=\"wp-image-3344\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-a-two-column-layout.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-a-two-column-layout-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-a-two-column-layout-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-a-two-column-layout-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-a-two-column-layout-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"7-step-02-add-the-image-block-to-the-columns-block\">Paso 02: A\u00f1adir el Bloque de Imagen al Bloque de Columnas<\/h3>\n\n\n\n<p>Es mejor mostrarlo a la izquierda. As\u00ed, <strong>a\u00f1adir el bloque Imagen<\/strong> a la columna de la izquierda.<\/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\/09\/Add-the-Image-Block-to-the-Columns-Block.webp\" alt=\"A\u00f1adir el bloque de im\u00e1genes al bloque de columnas\" class=\"wp-image-3345\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Image-Block-to-the-Columns-Block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Image-Block-to-the-Columns-Block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Image-Block-to-the-Columns-Block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Image-Block-to-the-Columns-Block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Image-Block-to-the-Columns-Block-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Una vez m\u00e1s, a\u00f1ada la imagen que desee, ya sea desde la unidad local, la biblioteca multimedia o a trav\u00e9s de una URL.<\/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\/09\/Upload-an-image-to-the-columns-block.webp\" alt=\"Cargar una imagen en el bloque de columnas\" class=\"wp-image-3346\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Upload-an-image-to-the-columns-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Upload-an-image-to-the-columns-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Upload-an-image-to-the-columns-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Upload-an-image-to-the-columns-block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Upload-an-image-to-the-columns-block-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Puede ver que la imagen se ha a\u00f1adido al bloque.<\/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\/09\/Image-is-added-to-columns-block.webp\" alt=\"La imagen se a\u00f1ade al bloque de columnas\" class=\"wp-image-3347\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Image-is-added-to-columns-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Image-is-added-to-columns-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Image-is-added-to-columns-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Image-is-added-to-columns-block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Image-is-added-to-columns-block-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"8-step-03-add-text-to-the-cloumns-block\">Paso 03: A\u00f1adir texto al bloque Cloumns<\/h3>\n\n\n\n<p>A\u00f1ada el <strong>Bloque de p\u00e1rrafos<\/strong> en la columna de la derecha. Esto le permitir\u00e1 a\u00f1adir texto.<\/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\/09\/Add-the-Paragraph-block-to-the-Columns-block.webp\" alt=\"A\u00f1adir el bloque P\u00e1rrafo al bloque Columnas\" class=\"wp-image-3348\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Paragraph-block-to-the-Columns-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Paragraph-block-to-the-Columns-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Paragraph-block-to-the-Columns-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Paragraph-block-to-the-Columns-block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Paragraph-block-to-the-Columns-block-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Puede ver que el texto se a\u00f1ade a la 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=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Text-is-added-to-the-columns-block.webp\" alt=\"Se a\u00f1ade texto al bloque de columnas\" class=\"wp-image-3349\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Text-is-added-to-the-columns-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Text-is-added-to-the-columns-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Text-is-added-to-the-columns-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Text-is-added-to-the-columns-block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Text-is-added-to-the-columns-block-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>A continuaci\u00f3n, puede personalizar el bloque de columnas, incluida la imagen y el texto que contiene.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"9-method-3-using-the-tableberg-block\">M\u00e9todo 3: Utilizar el bloque Tableberg<\/h2>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Tableberg<\/a> es un maravilloso plugin constructor de tablas que le permite dise\u00f1ar numerosas partes para su sitio web. Este plugin tambi\u00e9n le permite poner texto e im\u00e1genes lado a lado. Descargar el plugin haciendo clic en los botones adjuntos a la bandera de abajo.<\/p>\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<p>Empieza a seguir el tutorial ahora.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"10-step-01-add-the-tableberg-block-to-the-editor\">Paso 01: A\u00f1adir el bloque Tableberg al editor<\/h3>\n\n\n\n<p>Este plugin a\u00f1ade un bloque llamado Tableberg a la biblioteca de bloques de Gutenberg. <strong>A\u00f1adir el bloque Tableberg<\/strong> al 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=\"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>Seleccione el n\u00famero de columnas y filas que necesita para el dise\u00f1o. Nosotros seleccionaremos 2*1.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Select-the-number-of-rows-and-columns.webp\" alt=\"Establecer el n\u00famero de filas y columnas\" class=\"wp-image-3014\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Select-the-number-of-rows-and-columns.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Select-the-number-of-rows-and-columns-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Select-the-number-of-rows-and-columns-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Select-the-number-of-rows-and-columns-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/08\/Select-the-number-of-rows-and-columns-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Puedes ver que las columnas y la fila est\u00e1n listas.<\/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\/09\/Rows-and-columns-selecte-for-designing-the-Amazon-product-table.webp\" alt=\"Se a\u00f1aden filas y columnas al editor\" class=\"wp-image-3309\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Rows-and-columns-selecte-for-designing-the-Amazon-product-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Rows-and-columns-selecte-for-designing-the-Amazon-product-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Rows-and-columns-selecte-for-designing-the-Amazon-product-table-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Rows-and-columns-selecte-for-designing-the-Amazon-product-table-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Rows-and-columns-selecte-for-designing-the-Amazon-product-table-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"11-step-02-add-an-image-to-a-cell-of-the-table-\">Paso 02: A\u00f1adir una Imagen a una Celda de la Tabla <\/h3>\n\n\n\n<p>Tableberg te permite a\u00f1adir varios bloques personalizados a sus celdas. Haciendo clic en el bot\u00f3n <strong>icono m\u00e1s (+)<\/strong>encontrar y <strong>a\u00f1adir el bloque Imagen<\/strong> a una de sus celdas.<\/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\/09\/Add-the-Image-block-to-the-Amazon-Product-box.webp\" alt=\"A\u00f1adir un bloque de imagen a Tableberg\" class=\"wp-image-3310\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Image-block-to-the-Amazon-Product-box.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Image-block-to-the-Amazon-Product-box-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Image-block-to-the-Amazon-Product-box-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Image-block-to-the-Amazon-Product-box-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Image-block-to-the-Amazon-Product-box-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Sube la imagen de la unidad local o a\u00f1ade una de tu 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=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Upload-or-add-an-image-to-Tableberg.webp\" alt=\"Sube o a\u00f1ade una imagen a Tableberg\" class=\"wp-image-3350\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Upload-or-add-an-image-to-Tableberg.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Upload-or-add-an-image-to-Tableberg-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Upload-or-add-an-image-to-Tableberg-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Upload-or-add-an-image-to-Tableberg-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Upload-or-add-an-image-to-Tableberg-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Hemos a\u00f1adido una imagen, que puede ver 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\/09\/An-image-is-added-to-the-table.webp\" alt=\"Se a\u00f1ade una imagen a la tabla\" class=\"wp-image-3351\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/An-image-is-added-to-the-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/An-image-is-added-to-the-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/An-image-is-added-to-the-table-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/An-image-is-added-to-the-table-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/An-image-is-added-to-the-table-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"12-step-03-add-text-to-the-table\">Paso 03: A\u00f1adir texto a la tabla<\/h3>\n\n\n\n<p>Basta con a\u00f1adir texto a la columna derecha mediante el bloque de p\u00e1rrafo.<\/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\/09\/Add-text-to-Tableberg.webp\" alt=\"A\u00f1adir texto a Tableberg\" class=\"wp-image-3352\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-text-to-Tableberg.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-text-to-Tableberg-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-text-to-Tableberg-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-text-to-Tableberg-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-text-to-Tableberg-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"13-step-04-modify-the-tableberg-border\">Paso 04: Modificar la frontera Tableberg<\/h3>\n\n\n\n<p>Puede hacer m\u00e1s atractiva esta secci\u00f3n eliminando o colonizando el borde de la mesa. <strong>Ir a <\/strong>el <strong>Ficha Estilos<\/strong>.<\/p>\n\n\n\n<p><strong>Ven a la mesa Frontera<\/strong> desplaz\u00e1ndose hacia abajo por la pesta\u00f1a. Obtendr\u00e1 opciones para eliminar o colorear el borde de la tabla desde estas opciones.<\/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\/09\/Remove-borders-from-the-table.webp\" alt=\"Eliminar los bordes de la tabla\" class=\"wp-image-3353\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Remove-borders-from-the-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Remove-borders-from-the-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Remove-borders-from-the-table-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Remove-borders-from-the-table-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Remove-borders-from-the-table-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>As\u00ed, puede crear secciones web para poner texto e imagen uno al lado del otro en WordPress.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"14-method-4-using-the-sliderberg-block\">M\u00e9todo 4: Utilizar el bloque Sliderberg<\/h2>\n\n\n\n<p>\u00bfQuiere mostrar texto e im\u00e1genes en un deslizador interactivo? En <strong><a href=\"https:\/\/wordpress.org\/plugins\/sliderberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Sliderberg<\/a><\/strong> le permite hacer exactamente eso, utilizando el conocido bloque Media &amp; Text, con total flexibilidad. A continuaci\u00f3n te explicamos c\u00f3mo configurarlo en unos minutos:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"15-step-1-install-and-activate-the-sliderberg-plugin\">Paso 1: Instalar y activar el plugin Sliderberg<\/h3>\n\n\n\n<p>En primer lugar, vaya a <strong>Plugins \u2192 A\u00f1adir nuevo<\/strong> en su panel de control de WordPress, busque \"Sliderberg\" y haga clic en <strong>Instalar ahora<\/strong>. A continuaci\u00f3n, 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=\"512\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Install-the-Tableberg-Plugin-1024x512.png\" alt=\"\" class=\"wp-image-9815\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Install-the-Tableberg-Plugin-1024x512.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Install-the-Tableberg-Plugin-300x150.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Install-the-Tableberg-Plugin-768x384.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Install-the-Tableberg-Plugin-1536x768.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Install-the-Tableberg-Plugin-2048x1024.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Install-the-Tableberg-Plugin-18x9.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"16-step-2-insert-the-sliderberg-block\">Paso 2: Insertar el bloque Sliderberg<\/h3>\n\n\n\n<p>Edita tu entrada o p\u00e1gina. Haga clic en el bot\u00f3n <strong>+<\/strong> busque \"Sliderberg\" e inserte el bloque Sliderberg donde desee que aparezca el control deslizante.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"518\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Insert-the-Sliderberg-Block-1024x518.png\" alt=\"\" class=\"wp-image-9816\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Insert-the-Sliderberg-Block-1024x518.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Insert-the-Sliderberg-Block-300x152.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Insert-the-Sliderberg-Block-768x389.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Insert-the-Sliderberg-Block-1536x778.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Insert-the-Sliderberg-Block-2048x1037.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Insert-the-Sliderberg-Block-18x9.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"17-step-3-select-the-%E2%80%98blocks-slider%E2%80%99-type\">Paso 3: Seleccione el tipo de deslizador \"Bloques<\/h3>\n\n\n\n<p>Cuando se le solicite, elija la opci\u00f3n <strong>Deslizador de bloques<\/strong> opci\u00f3n. Esto le permite a\u00f1adir cualquier bloque Gutenberg dentro de cada diapositiva.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"510\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-the-Blocks-Slider-Type-1024x510.png\" alt=\"\" class=\"wp-image-9817\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-the-Blocks-Slider-Type-1024x510.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-the-Blocks-Slider-Type-300x149.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-the-Blocks-Slider-Type-768x383.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-the-Blocks-Slider-Type-1536x765.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-the-Blocks-Slider-Type-2048x1020.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-the-Blocks-Slider-Type-18x9.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"18-step-4-choose-a-background-color-for-the-slider\">Paso 4: Elija un color de fondo para el deslizador<\/h3>\n\n\n\n<p>Elija un color de fondo para su deslizador que combine con el estilo de su sitio, o mant\u00e9ngalo transparente para un aspecto limpio.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"584\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Choose-a-Background-Color-of-the-Slider-1024x584.png\" alt=\"\" class=\"wp-image-9818\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Choose-a-Background-Color-of-the-Slider-1024x584.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Choose-a-Background-Color-of-the-Slider-300x171.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Choose-a-Background-Color-of-the-Slider-768x438.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Choose-a-Background-Color-of-the-Slider-1536x877.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Choose-a-Background-Color-of-the-Slider-2048x1169.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Choose-a-Background-Color-of-the-Slider-18x10.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"19-step-5-add-the-%E2%80%98media-amp-text%E2%80%99-block-inside-the-slider\">Paso 5: A\u00f1adir el bloque 'Media &amp; Text' dentro del Slider<\/h3>\n\n\n\n<p>Dentro de su primera diapositiva, haga clic en el bot\u00f3n <strong>+<\/strong> e inserte el <strong>Medios y texto<\/strong> bloque.<\/p>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-video\"><video height=\"1796\" style=\"aspect-ratio: 3158 \/ 1796;\" width=\"3158\" autoplay loop muted src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Media-Text-Block.mp4\"><\/video><\/figure>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"20-step-6-add-image-and-text-to-the-slider\">Paso 6: A\u00f1adir imagen y texto al deslizador<\/h3>\n\n\n\n<p>Utiliza el bloque Media &amp; Text para subir tu imagen (lado izquierdo) y a\u00f1adir tu texto (lado derecho). Puedes utilizar encabezados, p\u00e1rrafos, botones o cualquier otro bloque que necesites.<\/p>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-video\"><video height=\"1732\" style=\"aspect-ratio: 3152 \/ 1732;\" width=\"3152\" autoplay loop muted src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-Image-Text-to-the-Slider-.mp4\"><\/video><\/figure>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"21-step-7-add-or-duplicate-slides\">Paso 7: A\u00f1adir o duplicar diapositivas<\/h3>\n\n\n\n<p>\u00bfQuiere m\u00e1s diapositivas? Haga clic en <strong>A\u00f1adir diapositiva<\/strong> para crear uno nuevo, o <strong>Duplicar diapositiva<\/strong> para copiar un dise\u00f1o existente.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"554\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-or-Duplicate-the-Slider-1024x554.png\" alt=\"\" class=\"wp-image-9820\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-or-Duplicate-the-Slider-1024x554.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-or-Duplicate-the-Slider-300x162.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-or-Duplicate-the-Slider-768x416.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-or-Duplicate-the-Slider-1536x832.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-or-Duplicate-the-Slider-2048x1109.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-or-Duplicate-the-Slider-18x10.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"22-step-8-customize-the-slider-and-publish\">Paso 8: Personalizar el deslizador y publicar<\/h3>\n\n\n\n<p>Ajusta la configuraci\u00f3n del deslizador (animaci\u00f3n, reproducci\u00f3n autom\u00e1tica, flechas de navegaci\u00f3n, etc.) seg\u00fan tus preferencias. Cuando est\u00e9 listo, haga clic en <strong>Publique<\/strong> \u00a1en directo!<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"635\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Customize-the-Slider-and-Publish-1024x635.png\" alt=\"\" class=\"wp-image-9822\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Customize-the-Slider-and-Publish-1024x635.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Customize-the-Slider-and-Publish-300x186.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Customize-the-Slider-and-Publish-768x476.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Customize-the-Slider-and-Publish-1536x952.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Customize-the-Slider-and-Publish-2048x1270.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Customize-the-Slider-and-Publish-18x12.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Ahora dispone de un deslizador fluido y adaptable que muestra texto e im\u00e1genes uno al lado del otro, perfecto para mostrar equipos, productos, testimonios y mucho m\u00e1s.<\/p>\n\n\n\n<p><strong>Consejo profesional:<\/strong> Puede utilizar <em>cualquier<\/em> dentro de sus diapositivas Sliderberg-\u00a1no s\u00f3lo Media &amp; Text! Sea creativo con botones, iconos, columnas o incluso bloques de terceros.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"23-conclusion\">Conclusi\u00f3n<\/h3>\n\n\n\n<p>De hecho, puedes aprovechar los bloques predeterminados de Gutenberg para crear y dise\u00f1ar tus publicaciones y p\u00e1ginas web. Pero como carecen de muchas funciones avanzadas, a menudo necesitas plugins de bloques adicionales que vienen con muchas caracter\u00edsticas interesantes. <\/p>\n\n\n\n<p>Tableberg es un plugin interesante que puede utilizar en este caso. Ultimate Blocks es otro gran plugin de bloques que deber\u00edas considerar. Explora las versiones gratuitas de estos dos plugins haciendo clic en los botones adjuntos a continuaci\u00f3n.<\/p>\n\n\n\n<p><strong>Lea tambi\u00e9n<\/strong>: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/tableberg.com\/es\/como-poner-imagenes-una-al-lado-de-la-otra-en-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">C\u00f3mo poner im\u00e1genes una al lado de la otra en WordPress<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/es\/como-anadir-texto-encima-de-una-imagen-en-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">C\u00f3mo a\u00f1adir texto encima de una imagen en WordPress<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/es\/como-cambiar-el-tamano-de-los-bloques-en-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">C\u00f3mo cambiar el tama\u00f1o de los bloques en WordPress<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>While covering product reviews, comparison tables, tutorials, travel stories, infographics, educational content, etc., you may have to put texts and images side by side. There are numerous ways to do this in WordPress. In this article, we&#8217;ll show you several effective ways of how to put text and image side by side in WordPress. So, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3355,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[111,112,102],"class_list":["post-3336","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-amazon-product-marketing","tag-create-web-sections","tag-web-design"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/How-to-Put-Text-and-Image-Side-by-Side-in-WordPress.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\/3336","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=3336"}],"version-history":[{"count":7,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/3336\/revisions"}],"predecessor-version":[{"id":9823,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/3336\/revisions\/9823"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media\/3355"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media?parent=3336"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/categories?post=3336"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/tags?post=3336"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}