{"id":11131,"date":"2024-03-22T16:38:25","date_gmt":"2024-03-22T16:38:25","guid":{"rendered":"https:\/\/wcanvas.com\/?post_type=blogs&#038;p=11131"},"modified":"2024-12-23T19:52:38","modified_gmt":"2024-12-23T19:52:38","slug":"convertir-diseno-contenedores-columnas-wordpress","status":"publish","type":"blogs","link":"https:\/\/wcanvas.com\/es\/blog\/convertir-diseno-contenedores-columnas-wordpress\/","title":{"rendered":"C\u00f3mo convertir un dise\u00f1o basado en contenedores a un dise\u00f1o basado en columnas en WordPress"},"content":{"rendered":"\n<p>Las columnas y los contenedores son algunos de los estilos de dise\u00f1o m\u00e1s populares de WordPress. Dependiendo de las especificaciones del proyecto y tus preferencias personales como dise\u00f1ador o desarrollador, puede que necesites convertir un dise\u00f1o de contenedor de WordPress a un dise\u00f1o de columna.<\/p>\n\n\n\n<p>Para ello, pod\u00e9s utilizar el bloque de Columnas incorporado en Gutenberg o modificar las configuraciones de constructores de p\u00e1ginas como Elementor.<\/p>\n\n\n\n<p>Veamos c\u00f3mo convertir tu dise\u00f1o basado en contenedores en un dise\u00f1o basado en columnas en WordPress.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Puntos Clave<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Los contenedores y las columnas son 2 estilos de dise\u00f1o populares que los dise\u00f1adores y desarrolladores de WordPress usan para organizar contenido.<\/li>\n\n\n\n<li>Pod\u00e9s convertir un dise\u00f1o basado en contenedores a uno basado en columnas con el editor Gutenberg o cambiando las configuraciones de Elementor.&nbsp;<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Contenedores vs Columnas: \u00bfCu\u00e1l es la Diferencia?<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfQu\u00e9 son los Contenedores en Temas y Dise\u00f1os de WordPress?<\/h3>\n\n\n\n<p>En los temas de WordPress, un contenedor es un estilo de dise\u00f1o que organiza el contenido dentro de un cuadro delimitador. Este cuadro delimitador t\u00edpicamente se extiende por el ancho de la p\u00e1gina de manera predeterminada.<\/p>\n\n\n\n<p>Una aplicaci\u00f3n notable del dise\u00f1o de contenedores es el Flexbox Container de Elementor, una alternativa a los dise\u00f1os de secci\u00f3n y columna que los desarrolladores han utilizado tradicionalmente con los elementos HTML <code>&lt;div&gt;<\/code> y <code>&lt;section&gt;<\/code>. Pod\u00e9s editar el Flexbox Container modificando caracter\u00edsticas como el ancho, alto, contenido y alineaci\u00f3n. Los Flexbox Containers tambi\u00e9n pueden contener otros Flexbox Containers dentro de ellos, brind\u00e1ndote un control significativo sobre el dise\u00f1o de la p\u00e1gina.<\/p>\n\n\n\n<p>El editor Gutenberg tambi\u00e9n muestra los bloques como contenedores de ancho fijo por defecto, cubriendo todo el ancho de la publicaci\u00f3n o p\u00e1gina.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfQu\u00e9 son las Columnas en Temas y Dise\u00f1os de WordPress?<\/h3>\n\n\n\n<p>Las columnas son un estilo de dise\u00f1o utilizado para organizar contenido verticalmente en lugar de horizontalmente, como en los contenedores. Las columnas son ideales para dividir texto y organizar contenido lado a lado.<\/p>\n\n\n\n<p>Los desarrolladores y dise\u00f1adores pueden estructurar el contenido de su sitio en columnas utilizando el editor Gutenberg o un constructor de sitios como Elementor, Divi o Beaver Builder.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Importante: Hac\u00e9 una Copia de Seguridad de Tu Sitio Antes de Avanzar<\/h2>\n\n\n\n<p>Las copias de seguridad te dan un punto de control al que pod\u00e9s volver si algo sale mal, permiti\u00e9ndote revertir consecuencias no deseadas e intentarlo nuevamente. Esto te permite regresar a una etapa previa del desarrollo de tu sitio si no te gustan los resultados de convertir contenedores en columnas.<\/p>\n\n\n\n<p>Existen varios m\u00e9todos para crear copias de seguridad, pero usar plugins es uno de los m\u00e1s sencillos. Nuestro equipo ha usado el plugin de copia de seguridad <a href=\"https:\/\/wordpress.org\/plugins\/updraftplus\/\" target=\"_blank\" rel=\"noreferrer noopener\">UpdraftPlus<\/a>, y es muy confiable. Le\u00e9 <a href=\"https:\/\/wcanvas.com\/es\/blog\/how-to-back-up-your-wordpress-site-3-effective-methods-in-2023\/\" target=\"_blank\" rel=\"noreferrer noopener\">nuestra gu\u00eda de respaldo<\/a> para un paso a paso sobre c\u00f3mo hacer una copia de seguridad de tu sitio WordPress.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfC\u00f3mo Convertir un Dise\u00f1o de Contenedor en un Dise\u00f1o de Columna en WordPress?<\/h2>\n\n\n\n<p>Ahora que comprendemos la diferencia entre estos estilos de dise\u00f1o, exploremos algunos m\u00e9todos para implementar columnas en tu sitio de WordPress.&nbsp;<\/p>\n\n\n\n<p>Pod\u00e9s convertir contenedores en columnas de varias maneras, pero en esta gu\u00eda nos enfocaremos en el editor Gutenberg y en Elementor. Gutenberg es el editor predeterminado de p\u00e1ginas y publicaciones, y Elementor es uno de los constructores de p\u00e1ginas gratuitos m\u00e1s populares, lo que los hace accesibles para todos los usuarios de WordPress.<\/p>\n\n\n\n<p>Ac\u00e1 ten\u00e9s una gu\u00eda paso a paso sobre c\u00f3mo convertir contenedores en columnas en WordPress.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">M\u00e9todo #1: Usando Gutenberg<\/h3>\n\n\n\n<p>Gutenberg tiene un m\u00e9todo incorporado para mostrar contenido como columnas a trav\u00e9s del bloque de Columnas.<\/p>\n\n\n\n<p>Por defecto, WordPress muestra los bloques como contenedores que abarcan el ancho de la p\u00e1gina o publicaci\u00f3n, como cuando insert\u00e1s una imagen y un p\u00e1rrafo uno despu\u00e9s del otro.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-1-1024x451.jpg\" alt=\"una laptop en una mesa blanca con c\u00f3digo en la pantalla, detr\u00e1s de la laptop hay una taza de caf\u00e9 y una maceta con una peque\u00f1a planta\" class=\"wp-image-4016\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-1-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-1-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-1-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-1.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Si quer\u00e9s mostrar im\u00e1genes y texto como bloques de contenido separados verticalmente, pod\u00e9s usar el bloque de Columnas.&nbsp;<\/p>\n\n\n\n<p>Primero, cre\u00e1 una nueva publicaci\u00f3n\/p\u00e1gina o edit\u00e1 una publicaci\u00f3n\/p\u00e1gina existente yendo a <strong>Entradas<\/strong> o <strong>P\u00e1ginas<\/strong> desde el panel de administraci\u00f3n. Luego hac\u00e9 clic en <strong>A\u00f1adir nueva entrada<\/strong> o <strong>A\u00f1adir nueva p\u00e1gina<\/strong>, o hac\u00e9 clic en <strong>Editar<\/strong> en una entrada o p\u00e1gina existente.<\/p>\n\n\n\n<p>Una vez en la publicaci\u00f3n o p\u00e1gina, hac\u00e9 clic en el bot\u00f3n +<strong> <\/strong>para insertar un nuevo bloque y busc\u00e1 &#8220;columnas&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-2-1024x451.jpg\" alt=\"bloque de Columnas de Gutenberg\" class=\"wp-image-4017\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-2-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-2-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-2-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-2.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>El nuevo bloque ofrecer\u00e1 varias opciones de distribuci\u00f3n. Primero usemos la opci\u00f3n <code>50\/50<\/code> para crear dos columnas de igual ancho.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-3-1024x451.jpg\" alt=\"Las varias opciones de organizaci\u00f3n del bloque de Columnas de Gutenberg, destacando la estructura 50\/50 \" class=\"wp-image-4018\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-3-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-3-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-3-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-3.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Ahora, pod\u00e9s mostrar un p\u00e1rrafo y una imagen lado a lado. Comenz\u00e1 por agregar un nuevo bloque de P\u00e1rrafo.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-4-1024x451.jpg\" alt=\"Crear un bloque de P\u00e1rrafo en la columna izquierda\" class=\"wp-image-4019\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-4-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-4-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-4-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-4.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>En el nuevo bloque de p\u00e1rrafo, escrib\u00ed o peg\u00e1 el texto.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-5-1024x451.jpg\" alt=\"Escribir en el bloque de P\u00e1rrafo reci\u00e9n creado en Gutenberg\" class=\"wp-image-4020\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-5-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-5-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-5-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-5.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Mientras escrib\u00eds, notar\u00e1s que el texto se mantiene dentro de la columna de P\u00e1rrafo que acab\u00e1s de crear.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-6-1024x451.jpg\" alt=\"Un nuevo bloque de P\u00e1rrafo en la columna izquierda de una divisi\u00f3n 50\/50 en el Gutenberg de WordPress\" class=\"wp-image-4021\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-6-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-6-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-6-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-6.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Ahora, agreguemos el bloque de Imagen al costado.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-7-1024x451.jpg\" alt=\"Agregar un bloque de Imagen a la columna derecha en una divisi\u00f3n 50\/50 en el Gutenberg de WordPress\" class=\"wp-image-4022\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-7-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-7-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-7-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-7.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Despu\u00e9s de agregar la imagen, tambi\u00e9n se mantendr\u00e1 dentro de su columna correspondiente en lugar de cubrir el ancho de la p\u00e1gina o publicaci\u00f3n.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-8-1024x451.jpg\" alt=\"Un bloque de columna 50\/50 de Gutenberg, con texto en la columna izquierda y una foto de una laptop en el lado derecho\" class=\"wp-image-4023\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-8-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-8-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-8-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-8.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Pod\u00e9s repetir el proceso para agregar m\u00faltiples columnas de diferentes anchos.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-9-1024x451.jpg\" alt=\"Las varias opciones disponibles en el bloque de Columnas de Gutenberg \" class=\"wp-image-4024\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-9-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-9-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-9-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-9.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">M\u00e9todo #2: Usando Elementor<\/h3>\n\n\n\n<p>Si est\u00e1s usando Elementor en lugar de Gutenberg para construir tus p\u00e1ginas y publicaciones, tambi\u00e9n pod\u00e9s convertir dise\u00f1os basados en contenedores en dise\u00f1os basados en columnas cambiando las configuraciones del plugin.<\/p>\n\n\n\n<p>Por ejemplo, aqu\u00ed hay una p\u00e1gina de prueba creada con Elementor. Tiene texto, botones e una imagen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-10-1024x451.jpg\" alt=\"Una p\u00e1gina creada con el plugin Elementor para WordPress\" class=\"wp-image-4025\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-10-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-10-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-10-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-10.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Por defecto, Elementor est\u00e1 utilizando la funci\u00f3n Flexbox Container que mencionamos anteriormente. Si hac\u00e9s clic en el bot\u00f3n <strong>Agregar Nuevo Contenedor<\/strong>, ver\u00e1s m\u00faltiples estructuras de contenedores para elegir.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-11-1024x451.jpg\" alt=\"Bot\u00f3n &quot;agregar nuevo contenedor&quot; de Elementor\" class=\"wp-image-4026\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-11-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-11-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-11-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-11.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-12-1024x451.jpg\" alt=\"Las varias estructuras de contenedores de Elementor\" class=\"wp-image-4027\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-12-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-12-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-12-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-12.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Queremos cambiar esta funci\u00f3n para mostrar m\u00faltiples estructuras de columnas en su lugar. Para hacerlo, vamos al panel de WordPress y hac\u00e9 clic en <strong>Elementor &gt; Configuraci\u00f3n<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-13-1024x451.jpg\" alt=\"Bot\u00f3n para la configuraci\u00f3n de Elementor en el administrador de WordPress\" class=\"wp-image-4028\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-13-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-13-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-13-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-13.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Ir a la pesta\u00f1a <strong>Caracter\u00edsticas<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-14-1024x451.jpg\" alt=\"Configuraci\u00f3n de Elementor, destacando la pesta\u00f1a &quot;Caracter\u00edsticas&quot;\" class=\"wp-image-4029\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-14-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-14-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-14-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-14.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Una vez en la pantalla de <strong>Caracter\u00edsticas<\/strong>, despl\u00e1zate hacia abajo hasta que veas la secci\u00f3n <strong>Flexbox Container<\/strong>. Hac\u00e9 clic en el men\u00fa desplegable y seleccion\u00e1 <strong>Inactivo<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-15-1024x451.jpg\" alt=\"Desactivando la funci\u00f3n de Flexbox Container en la configuraci\u00f3n de Caracter\u00edsticas de Elementor\" class=\"wp-image-4030\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-15-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-15-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-15-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-15.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Hac\u00e9 clic en <strong>Desactivar<\/strong> en el mensaje emergente. Esto desactivar\u00e1 la funci\u00f3n Flexbox Container y volver\u00e1 a las secciones y columnas tradicionales.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-16-1024x451.jpg\" alt=\"Mensaje emergente que aparece despu\u00e9s de desactivar la funci\u00f3n de Flexbox Container de Elementor\" class=\"wp-image-4031\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-16-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-16-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-16-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-16.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Despl\u00e1zate hasta el final de la p\u00e1gina y hac\u00e9 clic en <strong>Guardar Cambios<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-17-1024x451.jpg\" alt=\"Bot\u00f3n &quot;Guardar Cambios&quot; en la configuraci\u00f3n de Caracter\u00edsticas de Elementor\" class=\"wp-image-4032\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-17-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-17-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-17-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-17.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Finalmente, regres\u00e1 a la p\u00e1gina que estabas editando y hac\u00e9 clic en el bot\u00f3n <strong>Agregar Nueva Secci\u00f3n<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-11-1024x451.jpg\" alt=\"El bot\u00f3n &quot;Agregar nueva secci\u00f3n&quot; en Elementor\" class=\"wp-image-4026\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-11-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-11-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-11-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-11.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Tendr\u00e1s m\u00faltiples estructuras de columnas para elegir.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-18-1024x451.jpg\" alt=\"M\u00faltiples opciones de disposici\u00f3n de columnas en Elementor\" class=\"wp-image-4033\" srcset=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-18-1024x451.jpg 1024w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-18-300x132.jpg 300w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-18-768x338.jpg 768w, https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-18.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Ya Sab\u00e9s C\u00f3mo Convertir un Dise\u00f1o de Contenedor a un Dise\u00f1o de Columna en WordPress<\/h2>\n\n\n\n<p>Dependiendo de las especificaciones de tu proyecto o preferencias, pod\u00e9s preferir usar un dise\u00f1o de secciones y columnas en lugar de uno basado en contenedores.<\/p>\n\n\n\n<p>En este art\u00edculo, explicamos 2 m\u00e9todos para convertir un dise\u00f1o de contenedor en un dise\u00f1o de columna en WordPress. Esperamos que pod\u00e1s usar este nuevo conocimiento para cambiar el estilo de dise\u00f1o y tener m\u00e1s control sobre el dise\u00f1o de tu sitio.<\/p>\n\n\n\n<p>Si encontraste \u00fatil esta publicaci\u00f3n, <a href=\"https:\/\/wcanvas.com\/es\/blogs\/\" target=\"_blank\" rel=\"noreferrer noopener\">le\u00e9 nuestro blog<\/a> para m\u00e1s conocimientos y gu\u00edas de WordPress.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Las columnas y los contenedores son algunos de los estilos de dise\u00f1o m\u00e1s populares de WordPress. Dependiendo de las especificaciones del proyecto y tus preferencias personales como dise\u00f1ador o desarrollador, puede que necesites convertir un dise\u00f1o de contenedor de WordPress a un dise\u00f1o de columna. Para ello, pod\u00e9s utilizar el bloque de Columnas incorporado en [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4014,"template":"","blog-categories":[77],"class_list":["post-11131","blogs","type-blogs","status-publish","has-post-thumbnail","hentry","blog-categories-paso-a-paso"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>C\u00f3mo convertir un dise\u00f1o basado en contenedores a un dise\u00f1o basado en columnas en WordPress - White Canvas<\/title>\n<meta name=\"description\" content=\"Estos 2 m\u00e9todos te ense\u00f1ar\u00e1n c\u00f3mo convertir tu dise\u00f1o basado en contenedores a un dise\u00f1o basado en columnas en WordPress.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wcanvas.com\/es\/blog\/convertir-diseno-contenedores-columnas-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo convertir un dise\u00f1o basado en contenedores a un dise\u00f1o basado en columnas en WordPress - White Canvas\" \/>\n<meta property=\"og:description\" content=\"Estos 2 m\u00e9todos te ense\u00f1ar\u00e1n c\u00f3mo convertir tu dise\u00f1o basado en contenedores a un dise\u00f1o basado en columnas en WordPress.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wcanvas.com\/es\/blog\/convertir-diseno-contenedores-columnas-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"White Canvas\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-23T19:52:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-HERO.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"528\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\n\t    \"@context\": \"https:\/\/schema.org\",\n\t    \"@graph\": [\n\t        {\n\t            \"@type\": [\n\t                \"Article\",\n\t                \"BlogPosting\"\n\t            ],\n\t            \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/convertir-diseno-contenedores-columnas-wordpress\/#article\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/convertir-diseno-contenedores-columnas-wordpress\/\"\n\t            },\n\t            \"author\": {\n\t                \"@type\": \"Organization\",\n\t                \"name\": \"Wcanvas\",\n\t                \"url\": \"https:\/\/wcanvas.com\/\"\n\t            },\n\t            \"headline\": \"C\u00f3mo convertir un dise\u00f1o basado en contenedores a un dise\u00f1o basado en columnas en WordPress\",\n\t            \"datePublished\": \"2024-03-22T16:38:25+00:00\",\n\t            \"dateModified\": \"2024-12-23T19:52:38+00:00\",\n\t            \"mainEntityOfPage\": {\n\t                \"@type\": \"WebPage\",\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/convertir-diseno-contenedores-columnas-wordpress\/\"\n\t            },\n\t            \"wordCount\": 1256,\n\t            \"publisher\": {\n\t                \"@type\": \"Organization\",\n\t                \"name\": \"Wcanvas\",\n\t                \"logo\": {\n\t                    \"@type\": \"ImageObject\",\n\t                    \"url\": \"https:\/\/wcanvas.com\/wp-content\/themes\/wcanvas\/assets\/img\/elements\/logo-white-white.png\"\n\t                }\n\t            },\n\t            \"image\": [],\n\t            \"thumbnailUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-HERO.jpg\",\n\t            \"inLanguage\": \"es\",\n\t            \"description\": null\n\t        },\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/convertir-diseno-contenedores-columnas-wordpress\/\",\n\t            \"url\": \"https:\/\/wcanvas.com\/es\/blog\/convertir-diseno-contenedores-columnas-wordpress\/\",\n\t            \"name\": \"C\u00f3mo convertir un dise\u00f1o basado en contenedores a un dise\u00f1o basado en columnas en WordPress - White Canvas\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/#website\"\n\t            },\n\t            \"primaryImageOfPage\": {\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/convertir-diseno-contenedores-columnas-wordpress\/#primaryimage\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/convertir-diseno-contenedores-columnas-wordpress\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-HERO.jpg\",\n\t            \"datePublished\": \"2024-03-22T16:38:25+00:00\",\n\t            \"dateModified\": \"2024-12-23T19:52:38+00:00\",\n\t            \"description\": \"Estos 2 m\u00e9todos te ense\u00f1ar\u00e1n c\u00f3mo convertir tu dise\u00f1o basado en contenedores a un dise\u00f1o basado en columnas en WordPress.\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/convertir-diseno-contenedores-columnas-wordpress\/#breadcrumb\"\n\t            },\n\t            \"inLanguage\": \"es\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"ReadAction\",\n\t                    \"target\": [\n\t                        \"https:\/\/wcanvas.com\/es\/blog\/convertir-diseno-contenedores-columnas-wordpress\/\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"ImageObject\",\n\t            \"inLanguage\": \"es\",\n\t            \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/convertir-diseno-contenedores-columnas-wordpress\/#primaryimage\",\n\t            \"url\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-HERO.jpg\",\n\t            \"contentUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-HERO.jpg\",\n\t            \"width\": 1200,\n\t            \"height\": 528,\n\t            \"caption\": \"a wordpress UX designer using a laptop\"\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/convertir-diseno-contenedores-columnas-wordpress\/#breadcrumb\",\n\t            \"itemListElement\": [\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 1,\n\t                    \"name\": \"Home\",\n\t                    \"item\": \"https:\/\/wcanvas.com\/es\/\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 2,\n\t                    \"name\": \"Blogs\",\n\t                    \"item\": \"https:\/\/wcanvas.com\/es\/blogs\/\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 3,\n\t                    \"name\": \"C\u00f3mo convertir un dise\u00f1o basado en contenedores a un dise\u00f1o basado en columnas en WordPress\"\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebSite\",\n\t            \"@id\": \"https:\/\/wcanvas.com\/es\/#website\",\n\t            \"url\": \"https:\/\/wcanvas.com\/es\/\",\n\t            \"name\": \"White Canvas\",\n\t            \"description\": \"\",\n\t            \"publisher\": {\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/#organization\"\n\t            },\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"SearchAction\",\n\t                    \"target\": {\n\t                        \"@type\": \"EntryPoint\",\n\t                        \"urlTemplate\": \"https:\/\/wcanvas.com\/es\/?s={search_term_string}\"\n\t                    },\n\t                    \"query-input\": {\n\t                        \"@type\": \"PropertyValueSpecification\",\n\t                        \"valueRequired\": true,\n\t                        \"valueName\": \"search_term_string\"\n\t                    }\n\t                }\n\t            ],\n\t            \"inLanguage\": \"es\"\n\t        },\n\t        {\n\t            \"@type\": \"Organization\",\n\t            \"@id\": \"https:\/\/wcanvas.com\/es\/#organization\",\n\t            \"name\": \"White Canvas\",\n\t            \"url\": \"https:\/\/wcanvas.com\/es\/\",\n\t            \"logo\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"es\",\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/#\/schema\/logo\/image\/\",\n\t                \"url\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/logowhitecanvas.svg\",\n\t                \"contentUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/logowhitecanvas.svg\",\n\t                \"width\": 115,\n\t                \"height\": 32,\n\t                \"caption\": \"White Canvas\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/#\/schema\/logo\/image\/\"\n\t            },\n\t            \"alternateName\": \"Wcanvas\",\n\t            \"contactPoint\": [\n\t                {\n\t                    \"@type\": \"ContactPoint\",\n\t                    \"telephone\": \"+1 (347) 688 2902\",\n\t                    \"contactType\": \"sales\",\n\t                    \"contactOption\": \"TollFree\",\n\t                    \"areaServed\": \"US\",\n\t                    \"availableLanguage\": \"en\"\n\t                },\n\t                {\n\t                    \"@type\": \"ContactPoint\",\n\t                    \"telephone\": \"+54 (11) 5236 4717\",\n\t                    \"contactType\": \"sales\",\n\t                    \"contactOption\": \"TollFree\",\n\t                    \"areaServed\": \"AR\",\n\t                    \"availableLanguage\": \"es\"\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"Person\",\n\t            \"@id\": \"https:\/\/wcanvas.com\/es\/#\/schema\/person\/ea362f7fa9eb0239142e5e982bd8c198\",\n\t            \"name\": \"Nicolas Pisani\",\n\t            \"image\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"es\",\n\t                \"@id\": \"https:\/\/wcanvas.com\/es\/#\/schema\/person\/image\/\",\n\t                \"url\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2022\/12\/cropped-avatar-nico-96x96.png\",\n\t                \"contentUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2022\/12\/cropped-avatar-nico-96x96.png\",\n\t                \"caption\": \"Nicolas Pisani\"\n\t            },\n\t            \"sameAs\": [\n\t                \"https:\/\/wcanvas.com\",\n\t                \"#\",\n\t                \"https:\/\/www.instagram.com\/whitecanvasteam\/\",\n\t                \"https:\/\/x.com\/wcanvas\"\n\t            ]\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00f3mo convertir un dise\u00f1o basado en contenedores a un dise\u00f1o basado en columnas en WordPress - White Canvas","description":"Estos 2 m\u00e9todos te ense\u00f1ar\u00e1n c\u00f3mo convertir tu dise\u00f1o basado en contenedores a un dise\u00f1o basado en columnas en WordPress.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wcanvas.com\/es\/blog\/convertir-diseno-contenedores-columnas-wordpress\/","og_locale":"es_ES","og_type":"article","og_title":"C\u00f3mo convertir un dise\u00f1o basado en contenedores a un dise\u00f1o basado en columnas en WordPress - White Canvas","og_description":"Estos 2 m\u00e9todos te ense\u00f1ar\u00e1n c\u00f3mo convertir tu dise\u00f1o basado en contenedores a un dise\u00f1o basado en columnas en WordPress.","og_url":"https:\/\/wcanvas.com\/es\/blog\/convertir-diseno-contenedores-columnas-wordpress\/","og_site_name":"White Canvas","article_modified_time":"2024-12-23T19:52:38+00:00","og_image":[{"width":1200,"height":528,"url":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-HERO.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"9 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/wcanvas.com\/es\/blog\/convertir-diseno-contenedores-columnas-wordpress\/#article","isPartOf":{"@id":"https:\/\/wcanvas.com\/es\/blog\/convertir-diseno-contenedores-columnas-wordpress\/"},"author":{"@type":"Organization","name":"Wcanvas","url":"https:\/\/wcanvas.com\/"},"headline":"C\u00f3mo convertir un dise\u00f1o basado en contenedores a un dise\u00f1o basado en columnas en WordPress","datePublished":"2024-03-22T16:38:25+00:00","dateModified":"2024-12-23T19:52:38+00:00","mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/wcanvas.com\/es\/blog\/convertir-diseno-contenedores-columnas-wordpress\/"},"wordCount":1256,"publisher":{"@type":"Organization","name":"Wcanvas","logo":{"@type":"ImageObject","url":"https:\/\/wcanvas.com\/wp-content\/themes\/wcanvas\/assets\/img\/elements\/logo-white-white.png"}},"image":[],"thumbnailUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-HERO.jpg","inLanguage":"es","description":null},{"@type":"WebPage","@id":"https:\/\/wcanvas.com\/es\/blog\/convertir-diseno-contenedores-columnas-wordpress\/","url":"https:\/\/wcanvas.com\/es\/blog\/convertir-diseno-contenedores-columnas-wordpress\/","name":"C\u00f3mo convertir un dise\u00f1o basado en contenedores a un dise\u00f1o basado en columnas en WordPress - White Canvas","isPartOf":{"@id":"https:\/\/wcanvas.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wcanvas.com\/es\/blog\/convertir-diseno-contenedores-columnas-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/wcanvas.com\/es\/blog\/convertir-diseno-contenedores-columnas-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-HERO.jpg","datePublished":"2024-03-22T16:38:25+00:00","dateModified":"2024-12-23T19:52:38+00:00","description":"Estos 2 m\u00e9todos te ense\u00f1ar\u00e1n c\u00f3mo convertir tu dise\u00f1o basado en contenedores a un dise\u00f1o basado en columnas en WordPress.","breadcrumb":{"@id":"https:\/\/wcanvas.com\/es\/blog\/convertir-diseno-contenedores-columnas-wordpress\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wcanvas.com\/es\/blog\/convertir-diseno-contenedores-columnas-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wcanvas.com\/es\/blog\/convertir-diseno-contenedores-columnas-wordpress\/#primaryimage","url":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-HERO.jpg","contentUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2024\/03\/wordpress-container-to-column-HERO.jpg","width":1200,"height":528,"caption":"a wordpress UX designer using a laptop"},{"@type":"BreadcrumbList","@id":"https:\/\/wcanvas.com\/es\/blog\/convertir-diseno-contenedores-columnas-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wcanvas.com\/es\/"},{"@type":"ListItem","position":2,"name":"Blogs","item":"https:\/\/wcanvas.com\/es\/blogs\/"},{"@type":"ListItem","position":3,"name":"C\u00f3mo convertir un dise\u00f1o basado en contenedores a un dise\u00f1o basado en columnas en WordPress"}]},{"@type":"WebSite","@id":"https:\/\/wcanvas.com\/es\/#website","url":"https:\/\/wcanvas.com\/es\/","name":"White Canvas","description":"","publisher":{"@id":"https:\/\/wcanvas.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wcanvas.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/wcanvas.com\/es\/#organization","name":"White Canvas","url":"https:\/\/wcanvas.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wcanvas.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/logowhitecanvas.svg","contentUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/logowhitecanvas.svg","width":115,"height":32,"caption":"White Canvas"},"image":{"@id":"https:\/\/wcanvas.com\/es\/#\/schema\/logo\/image\/"},"alternateName":"Wcanvas","contactPoint":[{"@type":"ContactPoint","telephone":"+1 (347) 688 2902","contactType":"sales","contactOption":"TollFree","areaServed":"US","availableLanguage":"en"},{"@type":"ContactPoint","telephone":"+54 (11) 5236 4717","contactType":"sales","contactOption":"TollFree","areaServed":"AR","availableLanguage":"es"}]},{"@type":"Person","@id":"https:\/\/wcanvas.com\/es\/#\/schema\/person\/ea362f7fa9eb0239142e5e982bd8c198","name":"Nicolas Pisani","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wcanvas.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/wcanvas.com\/wp-content\/uploads\/2022\/12\/cropped-avatar-nico-96x96.png","contentUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2022\/12\/cropped-avatar-nico-96x96.png","caption":"Nicolas Pisani"},"sameAs":["https:\/\/wcanvas.com","#","https:\/\/www.instagram.com\/whitecanvasteam\/","https:\/\/x.com\/wcanvas"]}]}},"_links":{"self":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/blogs\/11131","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/blogs"}],"about":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/types\/blogs"}],"author":[{"embeddable":true,"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/users\/1"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/media\/4014"}],"wp:attachment":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/media?parent=11131"}],"wp:term":[{"taxonomy":"blog-categories","embeddable":true,"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/blog-categories?post=11131"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}