Cómo usar el bloque de columnas de WordPress

Cómo agregar el bloque de columnas a su página o publicación

Para comenzar, abra el Editor de bloques para la página o publicación en la que desea trabajar. Haga clic en el ícono de signo más debajo del último bloque que agregó (1), o use el menú en la parte superior de la pantalla y seleccione la opción Columnas  (2):

El Editor de bloques le brinda varias opciones sobre cuántas columnas desea incluir dentro de la fila que seleccione:

De forma predeterminada, el Editor de bloques solo le permite elegir ajustes preestablecidos que incluyen hasta tres columnas dentro de una fila. Sin embargo, una vez que coloque uno de esos ajustes preestablecidos, puede hacer clic en los signos más entre ellos para agregar más elementos a la fila:

El editor trata cada columna como su propia «sección», por así decirlo. Si tiene una fila con tres columnas, por ejemplo, puede agregar bloques individuales dentro de cada uno de ellos para crear una tabla de precios :

Puede agregar cualquiera de los bloques disponibles en el editor a cada columna en la que esté trabajando. Una vez que coloque los bloques que necesita, es posible que también desee dedicar unos momentos a personalizar la configuración de sus columnas.

Configuración y opciones del bloque de columnas

Cuando pase el mouse sobre una fila con columnas en el Editor de bloques, aparecerá un menú de formato sobre ella. Ese menú incluye opciones para mover columnas (1), cambiar su alineación (2) y modificar el ancho de la fila (3):

El menú de formato que ve cambiará a medida que agregue bloques. Cuando pasa el mouse sobre una columna que contiene un bloque, el menú de formato de ese elemento reemplazará al predeterminado.

Para este ejemplo, agregamos  bloques de tabla  a todas nuestras columnas. Cuando pasamos el mouse sobre cualquiera de ellos, aquí está el menú de formato que aparece:

Hay otro conjunto de opciones que le permite personalizar el bloque Columnas  , más allá del menú de formato. Para acceder a él, seleccione la fila que incluye las columnas que desea editar y haga clic en el ícono de ajustes en la esquina superior derecha de la pantalla (1). Aparecerá una barra lateral, que incluye opciones para cambiar el color de esa fila (2), el relleno (3) y el ancho de columna (4):

La configuración de color le permite cambiar el color del texto y los enlaces dentro de la fila, así como su fondo. Tenga en cuenta que la configuración que elija aquí se aplica a todas  las columnas de la fila. Sin embargo, puede reemplazar esas opciones modificando la configuración de bloque individual dentro de cada columna.

Si desea personalizar aún más este bloque, también puede establecer anclajes HTML y clases CSS adicionales desde la pestaña Avanzado en el menú de configuración:

Eso es todo lo que necesita saber sobre cómo usar y configurar este importante bloque. Ahora repasemos algunos consejos para ayudarlo a usar las columnas de manera efectiva.

Sugerencias y mejores prácticas para usar el bloque de columnas de manera efectiva

Las columnas son un elemento versátil en el diseño web. Puede usarlos en casi cualquier situación que desee, ya que ayudan a proporcionar estructura a cualquier página o publicación.

Visualmente, las columnas lo ayudan a dividir largos tramos de párrafos y colocar listas, tablas e incluso imágenes una al lado de la otra. Aquí hay un ejemplo de uno de los temas predeterminados de WordPress , usando columnas para lograr un efecto superpuesto con bloques de imágenes :

En la mayoría de los casos, no querrá que las columnas se superpongan. Sin embargo, no hay reglas escritas en piedra sobre cómo  usar las columnas. Siempre que los resultados se vean estéticamente agradables, no dude en experimentar con este bloque.

Preguntas frecuentes sobre el bloque Columnas

A estas alturas, tiene una sólida comprensión de cómo usar columnas en WordPress. Para asegurarnos de que no se está perdiendo nada, repasemos algunas preguntas frecuentes.

¿Puedo usar el bloque de columnas con los complementos de Page Builder?

Por definición, los complementos del creador de páginas ( como Divi ) reemplazan al editor de WordPress predeterminado. Eso significa que no tendrá acceso al bloque Columnas  . Sin embargo, la mayoría de los complementos de creación de páginas incluyen sus propias versiones de filas y columnas , por lo que puede usar funciones similares. Aquí está nuestra lista de los mejores complementos de creación de páginas disponibles dentro del ecosistema de WordPress.

¿Cuántas columnas puedo agregar en una página o publicación de WordPress?

El  bloque Columnas  le permite agregar hasta tres columnas dentro de una fila usando ajustes preestablecidos. Sin embargo, puede agregar más filas manualmente. Tenga en cuenta que si agrega demasiadas columnas, es posible que no tengan suficiente espacio para mostrar su contenido correctamente.

¿Puedo usar el bloque de columnas dentro de los widgets?

WordPress le permite personalizar áreas de widgets, como el pie de página o la barra lateral, utilizando el Editor de bloques . Eso significa que tienes acceso a todos los mismos bloques que tendrías cuando trabajas en una página o publicación. Tenga en cuenta que, dado que probablemente esté trabajando con espacio reducido, el uso de varias columnas en las áreas de widgets puede hacer que su contenido se vea abarrotado.

Conclusión

Las filas por sí solas no son suficientes para una herramienta de creación de páginas moderna. La opción de crear y personalizar filas y columnas le ofrece un control total sobre la ubicación de cada elemento en su sitio web.

La buena noticia es que el bloque Columnas  de WordPress es muy fácil de usar. Puede agregar tantas columnas como desee dentro de una sola fila. Además, puede colocar cualquier bloque que desee dentro de una columna y personalizar su contenido, estilo y más.

¿Tiene alguna pregunta sobre cómo usar este bloque de WordPress? ¡Hablemos de ellos en la sección de comentarios a continuación!

Imagen destacada a través de Mitya Korolkov / shutterstock.com