Cómo agregar contenido de varias columnas en los mensajes de WordPress (no se requiere HTML)

¿Quieres añadir contenido de varias columnas en tus mensajes de WordPress? Las columnas se pueden utilizar para crear atractivos diseños para sus mensajes y páginas.

Los medios de comunicación impresos tradicionales, como los periódicos y las revistas, han utilizado diseños de varias columnas desde los primeros días de la impresión. Su objetivo era facilitar a los usuarios la lectura del texto más pequeño, utilizando al mismo tiempo el espacio disponible de forma económica.

Los diseños de columnas individuales son los más utilizados en la web. Sin embargo, las cuadrículas de varias columnas siguen siendo útiles para resaltar el contenido y facilitar el escaneo y la lectura.

En este artículo, te mostraremos cómo añadir fácilmente contenido multicolumna en tus posts de WordPress sin escribir ningún código HTML.

Añadiendo Contenido Multi-Columna en WordPress – The Easy Way

La creación de contenido multicolumna, también conocido como contenido de columna de cuadrícula en WordPress, es ahora fácil porque viene como una característica predeterminada. El nuevo editor de WordPress Block Gutenberg incluye un bloque de columnas.

Para añadir una estructura de varias columnas, debe crear un nuevo mensaje o editar uno ya existente. Una vez que estés en el área de edición de mensajes, haz clic en el icono «Añadir» en la parte superior para añadir un bloque.

A continuación, debe seleccionar el bloque Columnas que se encuentra en la pestañaElementos de diseño.

Ahora verá el cursor del ratón saltando en la columna izquierda y un marcador de posición de texto aparecerá en la columna derecha.

Como puede ver en la captura de pantalla anterior, el bloque Columnas parece ser sólo un área vacía al principio. Si pasa el ratón por encima a la izquierda, puede ver el borde del bloque resaltado.

También podrás ver la configuración del bloque en la columna derecha de la pantalla de edición de mensajes.

Por defecto, el bloque de columnas añadirá dos columnas. Puede aumentar el número de columnas que desea añadir desde la configuración del bloque de la derecha. Le permite agregar hasta seis columnas en una sola fila.

Simplemente haga clic en una columna y comience a escribir para agregar contenido. Puede utilizar la tecla de tabulación del teclado para cambiar a la siguiente columna.

Adición de contenido multimedia y de otro tipo en sus columnas

Además del contenido de texto, también puede añadir imágenes e insertar vídeos en las columnas de WordPress.

El bloque de columnas permite añadir bloques dentro de cada columna. Simplemente lleva el ratón a una columna y verás el ícono `Añadir nuevo bloque dentro de ella. También puede añadir un bloque escribiendo / y luego el nombre del bloque.

El bloque seleccionado aparecerá dentro de la columna. Ahora puedes seguir adelante y añadirle contenido.

Así es como se verá su nueva columna en el tema predeterminado Veinte diecinueve. En este ejemplo, estamos usando tres columnas y la última columna contiene una imagen.

Si sólo desea añadir una imagen y un texto junto a ella, también puede utilizar el bloque `Medios y texto en lugar de columnas. Este bloque en particular está hecho específicamente para mostrar medios como imágenes y videos junto a algún texto.

Agregar varias columnas en el viejo editor de WordPress Classic

En caso de que no haya actualizado su WordPress a Gutenberg y siga utilizando el Editor Clásico, entonces necesitará instalar un plugin separado para crear un diseño de columna de cuadrícula.

Primero, instale y active el plugin Lightweight Grid Columns. Para obtener instrucciones detalladas, sigue nuestra guía paso a paso sobre cómo instalar un plugin en WordPress.

Tras la activación, puedes crear un nuevo mensaje o abrir un mensaje antiguo para editarlo. A continuación, haga clic en el botón «Añadir columnas» de la barra de herramientas del editor visual.

Ahora verá una ventana emergente para agregar su primera columna. Puede elegir cuánta área puede cubrir su columna, en escritorios, tabletas y dispositivos móviles de forma diferente.

Por ejemplo, si establece el porcentaje de la cuadrícula del escritorio en un 50%, su columna cubrirá la media fila.

Hay un montón de opciones para establecer el ancho de columna, de 5% a 100% en el intervalo de 5. Puede elegir uno haciendo clic en el menú desplegable.

Después de eso, necesitas añadir el contenido de tu columna en la casilla Contenido y luego hacer clic en el botón «Aceptar» para insertarlo en tu mensaje.

El plugin generará ahora el código abreviado requerido con su contenido y lo añadirá a su editor de mensajes.

Ahora que se agrega la primera columna, puede repetir el proceso para agregar más columnas. Para la última columna de la fila, no olvide marcar la casillaÚltima columna de la fila.

Después de eso, puede guardar su mensaje y previsualizarlo. He aquí cómo se veía en nuestro sitio de prueba usando el tema Twenty Seventeen.

Esperamos que este artículo le haya ayudado a aprender a añadir columnas en sus posts y páginas de WordPress. También puedes ver nuestra sencilla guía sobre cómo alinear fácilmente las imágenes en los posts de WordPress.

Si te ha gustado este artículo, suscríbete a nuestros tutoriales de vídeo de YouTube Channel for WordPress. También puede encontrarnos en Twitter y Facebook.

Deja un comentario