Cómo crear columnas en WordPress (3 maneras)

Las columnas son divisiones verticales o contenedores en los que puede organizar y mostrar el contenido de su web. Al dividir el contenido en columnas, no solo se crea una sensación de orden, equilibrio y jerarquía, sino que también se mejora la legibilidad y el compromiso.

Si utilizas las columnas correctamente, conseguirás que el diseño de tus entradas y páginas sea atractivo. WordPress le permite crear columnas de muchas maneras diferentes. Este artículo le mostrará cómo crear columnas en WordPress de algunas de esas formas prácticas. ¡Vamos a explorar!

Cree bonitas mesas
Con el editor de bloques

Método 01: Utilizar el bloque de columnas

Abra la entrada o página que desee. Busque y añada el icono Bloque de columnas a su editor escribiéndolo en el cuadro de búsqueda de Gutenberg.

Añadir el bloque de columnas Gutenberg

Haga clic en el diseño de columna que necesite. Esto se añadirá a su puesto.

Seleccione la estructura de columnas

No te confundas al ver sólo el borde de una columna en el editor. Haz clic con el cursor a la izquierda y a la derecha. Aparecerá el otro bloque. Vea el vídeo a continuación.

Pulse el botón Más (+) en cualquier columna. Seleccione el bloque que desee añadir a la columna en cuestión. Supongamos que seleccionamos el bloque Párrafo para añadir texto.

Añade un bloque a tu columna de WordPress

Del mismo modo, hemos añadido una imagen a la columna derecha del bloque.

Añadir imagen al bloque de columnas

Selecciona todo el bloque de columnas haciendo clic tres veces en el icono de columna de la barra de herramientas. Obtendrás opciones para actualizar la configuración y personalizar el bloque en la barra lateral derecha.

Cambiar la configuración y personalizar el bloque de columnas

Método 02: Utilizar el bloque de tabla

Del mismo modo, busque y añada el bloque Tabla predeterminado de Gutenberg a su publicación/página.

Añadir el bloque de tabla

Aquí puede especificar tanto el número de fila como el de columna. Establezca el valor que desee. Pulse el botón Crear tabla al final.

Especifique el número de fila y columna de la tabla

Ahora, añada contenido a las columnas. El bloque de tabla de WordPress sólo permite añadir contenido de texto a las columnas. No puedes añadir imágenes, botones y otros tipos de contenido.

Añadir texto a las columnas de la tabla

Método 03: Utilizar el bloque Tableberg

TableBerg es también un plugin constructor de tablas. Pero tiene muchas características avanzadas. Por ejemplo, puedes añadir imágenes, botones CTA y mucho más a las columnas de la tabla con el plugin, lo que no es posible con el bloque de tabla predeterminado de WordPress.

Instale y activar el plugin primero.

Instalar y activar el plugin TableBerg

Ve a tu editor de posts o páginas. Busca y añade el bloque TableBerg desde el editor de Gutenberg de la misma forma.

Añadir el bloque TableBerg

Defina el número de columna y fila como bloque de tabla por defecto.

Establecer el número de columna y fila

Puede ver que hemos añadido contenido de texto a las columnas de la izquierda. Para las columnas del medio, hemos decidido añadir el Bloque de imágenes pulsando la tecla Icono más (+)

Añadir bloque de imagen a la columna de la tabla

Del mismo modo, hemos añadido Botones CTA a las columnas de la derecha de la tabla.

Ahora, para personalizar la tabla, seleccione toda la tabla haciendo clic en el botón Icono TableBerg en la barra de herramientas. Obtendrás las opciones de configuración y personalización en la barra lateral derecha.

Añadir botón CTA a las columnas de la tabla y personalizar la tabla

Puedes ver que hemos aumentado el ancho de la tabla para crear suficiente espacio para el contenido y los elementos dentro de las columnas de la tabla.


Nota final

Las columnas no sólo sirven para organizar el contenido. Pueden captar la atención de los visitantes creando un diseño cautivador una vez que sepas cómo utilizarlas.

Basado en su demanda de contenido, usted tiene que elegir dónde utilizar el bloque de columnas por defecto y donde están las columnas de la tabla. Espero que hayas disfrutado de este artículo.



El equipo de Tableberg

La oferta anticipada ya está disponible
Este es el texto por defecto para la barra de notificaciones