¿Cómo convertir de contenedor a columna en WordPress?

1. Introducción

WordPress es una plataforma poderosa y popular para crear sitios web, blogs y tiendas en línea. Sin embargo, a veces es posible que desee cambiar la apariencia de su sitio mediante la conversión de un diseño basado en contenedores a un diseño basado en columnas.

Un diseño basado en contenedores es un diseño de ancho fijo que limita su contenido a un solo bloque. Un diseño basado en columnas es un diseño flexible que le permite dividir su contenido en múltiples columnas, creando una presentación dinámica y visualmente atractiva.

En este artículo, le mostraremos cómo convertir de contenedor a columna en WordPress usando diferentes herramientas y métodos. Ya sea que desee utilizar un tema, un creador de páginas o un código personalizado, lo guiaremos a través de cada paso del proceso. Al final de este artículo, podrá transformar su sitio de WordPress de un diseño basado en contenedores a un diseño basado en columnas con facilidad. ¡Empecemos!

2. Requisitos previos

Antes de comenzar a convertir de contenedor a columna en WordPress, debe asegurarse de cumplir con algunos requisitos previos. Estos incluyen un sitio de WordPress, un generador de temas o páginas que admita columnas y algunos conocimientos básicos de edición de WordPress.

2.1 Un sitio web de WordPress

El primer requisito previo para convertir de contenedor a columna en WordPress es tener un sitio web de WordPress. WordPress es un software gratuito y de código abierto que impulsa millones de sitios web en todo el mundo. Puede usar WordPress para crear cualquier tipo de sitio web, desde blogs y portafolios hasta sitios de comercio electrónico y membresía.

Para usar WordPress, debe tener un nombre de dominio y un servicio de alojamiento web. La dirección de su sitio web en Internet se conoce como nombre de dominio, como www.example.com. Un servicio de alojamiento web es donde los archivos y datos de su sitio web se almacenan en línea. Puede elegir entre varios proveedores de alojamiento web que ofrecen planes de alojamiento de WordPress.

Una vez que tenga un nombre de dominio y un servicio de alojamiento web, puede instalar WordPress en su sitio y comenzar a crear su contenido.

2.2 Un tema o generador de páginas basado en columnas

El segundo requisito previo para convertir de contenedor a columna en WordPress es tener un tema o generador de páginas basado en columnas. Un tema basado en columnas o un generador de páginas es una herramienta que le permite crear y personalizar el diseño de su sitio web usando columnas.

Las columnas son secciones de su página que pueden mostrar diferentes tipos de contenido, como texto, imágenes, videos, etc. Puede ajustar el tamaño, la posición y el estilo de cada columna para crear un diseño dinámico y visualmente atractivo. Hay muchos temas basados ​​en columnas y creadores de páginas disponibles para WordPress, tanto gratuitos como premium. Algunos de los más populares incluyen Elementor, Divi, Beaver Builder y Visual Composer.

Estas herramientas proporcionan interfaces de arrastrar y soltar, plantillas prefabricadas y varios módulos y elementos que puede usar para crear sus diseños de columnas. Puede elegir un tema o creador de páginas que se adapte a sus necesidades, preferencias y presupuesto.

3. Pasos

Ahora que tiene listos los requisitos previos, puede comenzar a convertir de contenedor a columna en WordPress. El proceso varía dependiendo de si usa un creador de páginas o un tema de Bloque de edición de sitio completo.

3.1 Para creadores de páginas

• Paso 1 : Cree una nueva página o edite una existente. Vaya a Páginas > Agregar nuevo o Páginas > Todas las páginas y seleccione la página que desea editar.

• Paso 2 : Acceda a las opciones de diseño de columnas. Según el tema o el generador de páginas que esté utilizando, verá diferentes opciones para agregar y editar columnas.

Por ejemplo, si está utilizando Elementor, haga clic en el ícono + para abrir la estructura de la sección. Puede elegir cualquier combinación de diseño de columnas desde Seleccione su estructura o suelte el widget de Sección interna desde el panel izquierdo a la página para crear columnas anidadas

Haga clic en el icono + para abrir la estructura en el generador de páginas de Elementor

Seleccione la estructura de la columna: generador de páginas Elementor

Si está utilizando Divi, puede hacer clic en el ícono + y elegir una estructura de columna de la ventana emergente.

• Paso 3 : Agregar y configurar columnas. Puede ajustar el número, el tamaño y la posición de las columnas arrastrando los bordes o usando el panel de configuración. También puede agregar diferentes elementos y módulos a cada columna, como texto, imágenes, botones, etc.

• Paso 4 : personalice el contenido de la columna. Puede diseñar cada columna y su contenido utilizando las opciones disponibles en el tema o el generador de páginas. Puede cambiar los colores, fuentes, fondos, bordes, márgenes, rellenos, animaciones y más.

• Paso 5 : Vista previa y publicación. Una vez que esté satisfecho con el diseño de su columna, puede obtener una vista previa de cómo se ve en diferentes dispositivos y navegadores. También es posible guardarlo como plantilla para uso futuro. Cuando esté listo, haga clic en Publicar o Actualizar para que su diseño de columna esté activo en su sitio web.

3.2 Para temas de bloque

Si está utilizando un tema de bloque que admite la edición completa del sitio, también puede convertir de contenedor a columna en WordPress utilizando el bloque Columnas. El bloque Columnas es un bloque contenedor que te permite crear y personalizar tu diseño usando columnas. Las columnas son secciones de su página que pueden mostrar diferentes tipos de contenido, como texto, imágenes, videos, etc. Puede ajustar el número, el tamaño y la posición de las columnas arrastrando los bordes o usando el panel de configuración.

También puede agregar diferentes bloques a cada columna, como Portada, Imagen, Encabezado, Párrafo, etc. Estos son los pasos para convertir de contenedor a columna en WordPress usando el bloque Columnas:

• Paso 1 : Cree una nueva página o edite una existente. Vaya a Páginas > Agregar nuevo o Páginas > Todas las páginas y seleccione la página que desea editar.

• Paso 2 : Agregar un bloque de Columnas . Haga clic en el ícono del insertador y escriba columnas o use el comando de barra inclinada /columnas y seleccione el bloque Columnas. Elige el número y el tamaño de las columnas.

Bloquear temas Columnas seleccionar

NOTA : Otra forma de crear columnas es transformar un bloque existente en un bloque de Columnas. Para hacer esto, haga clic en el ícono de bloque en la barra de herramientas y seleccione "Transformar a" en el menú desplegable. Verá una lista de opciones, incluidas Columnas. Elija Columnas y el bloque se convertirá en un bloque de Columnas con el bloque original dentro.

Transformar a columnas en el tema Block

• Paso 3 : Agregar y configurar columnas. Puede cambiar el número de columnas haciendo clic en los iconos más o menos en la barra de herramientas del bloque o en la configuración de la barra lateral. También puede arrastrar los bordes de las columnas para cambiar su tamaño. Puede agregar diferentes bloques a cada columna haciendo clic en el ícono del insertador dentro de cada columna.

• Paso 4 : personalice el contenido de la columna. Puede diseñar cada columna y su contenido usando las opciones disponibles en la barra de herramientas del bloque y la configuración de la barra lateral. Puede cambiar los colores, fuentes, fondos, bordes, márgenes, rellenos, animaciones y más.

• Paso 5 : Vista previa y publicación. Una vez que esté satisfecho con el diseño de su columna, puede obtener una vista previa de cómo se ve en diferentes dispositivos y navegadores. También puede guardarlo como un bloque reutilizable para uso futuro. Cuando esté listo, haga clic en Publicar o Actualizar para que su diseño de columna esté activo en su sitio web.

4. Conclusión

Convertir de contenedor a columna en WordPress es una excelente manera de mejorar el diseño y la funcionalidad de su sitio web. Al usar columnas, puede crear diseños dinámicos y visualmente atractivos que muestren su contenido de una manera organizada y atractiva. Puede usar un tema o un generador de páginas que admita columnas para que el proceso de conversión sea fácil y sin complicaciones.

Esperamos que este artículo le haya ayudado a aprender cómo convertir de contenedor a columna en WordPress usando diferentes herramientas y métodos. ¡Feliz construcción de columnas!

Consejos adicionales: cómo convertir de contenedor a columna en WordPress

1. Use un tema basado en columnas o un generador de páginas para que sea más fácil crear y administrar sus diseños de columnas.

2. Use la opción "Columnas" en el editor de páginas o bloquee temas para agregar columnas a sus páginas de forma rápida y sencilla.

3. Arrastre y suelte elementos en las columnas para organizar su contenido rápida y fácilmente.

4. Use el botón "Actualizar" para guardar sus cambios y publicar su página.