Columnas en wordpress

Cómo añadir columnas en wordpress

Contents

Una vez que añadas el bloque de columnas, puedes elegir una variación para empezar (y puedes cambiar el número o añadir más columnas después). Si quieres usar la variación por defecto (50 / 50) puedes hacer clic en la opción Omitir.

Si seleccionas Mover a, obtendrás una línea azul dentro de tu contenido, entonces puedes usar las flechas para mover esa línea hacia arriba y hacia abajo hasta donde quieras que se mueva el contenido seleccionado, pulsando retorno en tu teclado en ese punto se mueve el bloque a esa posición.

Con los ajustes de color, puedes cambiar el color del texto de tu bloque, el color de los enlaces y el color de fondo de tu bloque. En el caso del bloque de columnas, esto significa que puedes dar estilo a cada columna individualmente o a ambas columnas para mantener la coherencia.

Ten en cuenta que, como el bloque de columnas tiene la capacidad de incrustar otros bloques, si haces clic específicamente en una de las columnas, los ajustes de la barra lateral cambiarán según el bloque que hayas añadido a la columna seleccionada (por ejemplo, si has añadido una imagen a una de las columnas, cuando hagas clic en la imagen la barra lateral mostrará las opciones de los ajustes del bloque de imágenes).

Ancho de columna en WordPress

Una de las formas más comunes de gestionar cómo WordPress muestra el contenido es la omnipresente columna. Y aunque las opciones de integración han cambiado en los últimos años, las columnas siguen siendo fáciles de añadir a la mayoría de los sitios web de WordPress.

Entonces, ¿cómo crear columnas para sus entradas y páginas de WordPress? Normalmente hay cuatro enfoques distintos, y el método que elija depende de su preferencia personal y de la configuración actual.

Si estás al tanto del editor de bloques de WordPress apodado Gutenberg, el diseño de columnas personalizadas es ahora un componente incorporado en tu experiencia de WordPress, y probablemente el nirvana de columnas más simple. Los bloques de Gutenberg también son aptos para móviles, lo que significa que esta ruta debería producir columnas responsivas con un mínimo de problemas.

Haz clic en ese icono para empezar, y aparecerá una ventana emergente. Aquí es donde introduces el porcentaje de ancho de cada columna, y para un diseño de 3 columnas, establece el ancho de cada columna al 33%, excepto para la vista móvil (en la mayoría de los casos.)

Hay varios temas de WordPress que vienen equipados con diferentes opciones para las columnas, y cada constructor de páginas establecido tiene soporte de columnas incorporado. Divi, Elementor, Beaver Builder y Visual Composer implementan un surtido de diseños de post y páginas como parte de su funcionalidad principal.

WordPress mostrar mensajes en 2 columnas

Una vez que agregues el Bloque de Columnas, puedes elegir una variación para comenzar (y puedes cambiar el número o agregar más columnas después). Si quieres usar la variación por defecto (50 / 50) puedes hacer clic en la opción Omitir.

Si seleccionas Mover a, obtendrás una línea azul dentro de tu contenido, entonces puedes usar las flechas para mover esa línea hacia arriba y hacia abajo hasta donde quieras que se mueva el contenido seleccionado, pulsando retorno en tu teclado en ese punto se mueve el bloque a esa posición.

Con los ajustes de color, puedes cambiar el color del texto de tu bloque, el color de los enlaces y el color de fondo de tu bloque. En el caso del bloque de columnas, esto significa que puedes dar estilo a cada columna individualmente o a ambas columnas para mantener la coherencia.

Ten en cuenta que, como el bloque de columnas tiene la capacidad de incrustar otros bloques, si haces clic específicamente en una de las columnas, los ajustes de la barra lateral cambiarán según el bloque que hayas añadido a la columna seleccionada (por ejemplo, si has añadido una imagen a una de las columnas, cuando hagas clic en la imagen la barra lateral mostrará las opciones de los ajustes del bloque de imágenes).

Código Html para dos columnas en wordpress

Organizar el contenido en columnas es muy fácil gracias al bloque Columnas de WordPress. Este bloque pertenece a los bloques centrales que pueden ser utilizados en todos los temas de WP. El bloque Columns puede tener hasta 6 columnas. Por lo tanto, puede tener 6 contenidos diferentes uno al lado del otro.

Las columnas en el sitio web pueden tener múltiples aplicaciones. En primer lugar, pueden hacer que el contenido esté bien organizado, sea más legible y más fácil de navegar. Organizando el contenido en columnas puedes resaltar información o parámetros importantes.

Antes de WordPress 5+ si querías hacer contenido en varias columnas, tenías que usar tablas. Era mucho más difícil que en el nuevo editor. Además, solía haber un problema con los estilos y la visualización de las tablas en los dispositivos móviles. ¿Cómo solía funcionar?

Este enfoque era utilizado principalmente por los desarrolladores, que podían crear rápidamente tablas o columnas en función de sus necesidades. La desventaja era que no todos los temas de WordPress podían manejar bien las columnas. Las tablas no solían ser perfectas y el usuario medio no podía resolver fácilmente todos los posibles problemas.