Dividiendo bloques con el Administrador de Columnas de Gutenberg Avanzado

Las columnas son para el contenido lo que los bloques de Gutenberg eran para el editor clásico de WordPress. Le permiten organizar su contenido sin obstáculos - si no verticalmente, como bloques, entonces horizontalmente. La última actualización de Advanced Gutenberg presenta un nuevo bloque para ayudarlo a comenzar a trabajar con columnas.

El administrador de columnas de Advanced Gutenberg es una versión más avanzada de las columnas nativas de Gutenberg. Sus características principales te dan más control sobre cómo se debe mostrar el contenido, pero al mismo tiempo, hace que sea más fácil empezar a crear contenido con sus diseños preestablecidos.

Diseños de columnas

Para crear tu primer bloque de columnas, busca el administrador de columnas en tu editor de Gutenberg de WordPress. Lo primero que verás al hacer clic en el nuevo bloque es una lista de los diseños preestablecidos más comunes. Las opciones van desde un diseño simple de una columna hasta visualizaciones estándar de dos columnas y hasta seis columnas en un bloque.

Estas opciones están ahí para que puedas centrarte en crear contenido en lugar de diseñar. Sin embargo, puede que te encuentres buscando un diseño que no existe, como un bloque de columnas que ocupe solo el 50% del ancho de tu blog. En ese caso, puedes usar la barra lateral para definir los anchos de tus propias columnas.

Para definir tus propios anchos, haz clic en una columna y establece su ancho en porcentaje, o establécela en 0 para restablecerla a su ancho automático. Mantén los porcentajes totales hasta un máximo del 100% para evitar que el contenido de la publicación o página de WordPress se desborde. Las guías de columna - bordes transparentes - te ayudarán a ver los cambios, pero puedes desactivarlas desde la pestaña de configuración en la configuración de Advanced Gutenberg.

Otra novedad en el administrador de columnas es la sección de alineación. Si haces clic en el bloque del administrador de columnas externo, encontrarás las opciones de ancho primero. Puedes alternar las opciones de ancho amplio o ancho completo para aumentar el tamaño del bloque de columnas. Justo después de ellas están las opciones de alineación.

Las primeras tres opciones de alineación son estándar: las columnas se pueden alinear verticalmente en la parte superior, en el medio o en el extremo. La cuarta y última opción de alineación es una que no está en las columnas de Gutenberg - altura completa de columnas internas.

La opción estira las columnas para que sean iguales a la columna más alta del bloque. Esta opción es necesaria si las columnas tienen colores de fondo o bordes y, por lo tanto, necesitan abarcar la totalidad de la altura del bloque.

Columnas Responsivas

Un buen blog debe mostrarse bien en escritorios, tabletas y teléfonos móviles. Una pregunta pertinente que surge naturalmente es cómo mostrar mejor las columnas cuando falta ancho. ¿Deben cambiar los anchos de las columnas y, si es así, cómo? ¿Debe cada columna ser su propia línea?

Gutenberg avanzado te da la flexibilidad de elegir cómo se deben mostrar las columnas en tabletas y móviles. Haz clic en el bloque de administrador de columnas y elige un diseño para escritorios, tabletas y móviles. Las opciones en dispositivos portátiles incluyen cambiar el diseño de la columna o apilar las columnas para aprovechar todo el ancho.

Si estás utilizando el ancho amplio de los diseños de ancho completo, es posible que encuentres que el bloque de administrador de columnas es demasiado ancho en dispositivos más pequeños. En ese caso, puedes configurar el espaciado y el margen del móvil o la tableta en el área justo debajo de los diseños de móvil y tableta respectivamente.

Al desplazarse hacia abajo y abrir la configuración de fila, también puede especificar qué debe suceder cuando las columnas se desbordan con contenido, y el ancho máximo y la altura mínima de una fila. Una vez que se familiarice con la configuración de visualización de diseño general del bloque, es posible que desee acceder a una configuración de capacidad de respuesta aún más precisa.

Con el administrador de columnas de Advanced Gutenberg, también puede especificar el espaciado y los márgenes de las columnas individuales en el escritorio o en el móvil. Para ajustarlos, haga clic en una columna en lugar de en todo el bloque. Luego, desplácese hacia abajo en la barra lateral para especificar el espaciado y los márgenes en el escritorio o en el móvil. Para cada uno, también puede especificar la alineación del texto.

Personalizando Columnas de WordPress

Cuando haya terminado de perfeccionar sus columnas - o si no sintió la necesidad de cambiar los diseños estándar - puede personalizar las columnas o comenzar a agregar contenido a ellas. Cuando hace clic en una columna, puede aplicar opciones de visualización para toda la columna, actualmente limitadas al estilo de borde, color, ancho y radio.

Lo más importante es que el propósito de las columnas es almacenar y mostrar contenido. El administrador de columnas de Advanced Gutenberg admite todo tipo de contenido en columnas, lo que significa que puede almacenar en ellas párrafos, imágenes y galerías, y cualquier otro bloque, ya sea estándar o personalizado. ¡Su imaginación es el límite!

Una vez que domines el poder de los bloques de Gutenberg, podrás expresar tu creatividad en tus entradas y páginas de WordPress. Con el administrador de columnas de Advanced Gutenberg, puedes aprovechar al máximo tu blog de WordPress. Así que toma tanto o tan poco control como quieras con las columnas y libera tu creatividad no solo verticalmente, sino también horizontalmente

Obtener Advanced Gutenberg (plugin gratuito): https://www.joomunited.com/wordpress-products/advanced-gutenberg