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

¿Desea agregar contenido de varias columnas en sus publicaciones de WordPress? Las columnas se pueden usar para crear diseños atractivos para sus publicaciones y páginas.


Los medios impresos tradicionales, como periódicos y revistas, han estado utilizando diseños de varias columnas desde los primeros días de la impresión. Su objetivo era facilitar que los usuarios leyeran el texto más pequeño mientras utilizaban el espacio disponible económicamente.

Los diseños de una sola columna se usan más comúnmente en la web. Sin embargo, las cuadrículas de varias columnas siguen siendo útiles para resaltar contenido y facilitar el escaneo y la lectura..

En este artículo, le mostraremos cómo agregar fácilmente contenido de varias columnas en sus publicaciones de WordPress sin escribir ningún código HTML.

Agregue contenido de varias columnas en publicaciones y páginas de WordPress

Agregar contenido de varias columnas en WordPress: la manera fácil

Crear contenido de varias columnas, también conocido como contenido de columna de cuadrícula, en WordPress ahora es fácil porque viene como una función predeterminada. El nuevo editor de bloques de WordPress Gutenberg incluye un bloque de columnas.

Para agregar un diseño de varias columnas, debe crear una nueva publicación o editar una existente. Una vez que esté en el área de edición de publicaciones, haga clic en el icono “Agregar” en la parte superior para agregar un bloque.

A continuación, debe seleccionar el bloque “Columnas” ubicado en la pestaña “Elementos de diseño”.

Agregue bloque de columnas en su publicación de WordPress

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

Las columnas bloquean WordPress en WordPress agregado a la publicación

Como puede ver en la captura de pantalla anterior, el bloque Columnas parece solo un área vacía al principio. Si pasa el mouse hacia la izquierda, puede ver el borde del bloque resaltado.

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

Columnas Bloque WordPress - 2 Columnas

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

Agregue más columnas a sus columnas

Simplemente haga clic en una columna y comience a escribir para agregar contenido. Puede usar la tecla de tabulación de su teclado para pasar a la siguiente columna.

Agregue texto en sus columnas de WordPress

Agregar medios y otro contenido en sus columnas

Además del contenido de texto, también puede agregar imágenes e insertar videos en columnas de WordPress.

El bloque de columnas le permite agregar bloques dentro de cada columna. Simplemente lleva el mouse a una columna y notarás el ícono “Agregar nuevo bloque” dentro de él. También puede agregar un bloque escribiendo / y luego el nombre del bloque.

Agregar nuevo bloque en columnas de WordPress

Su bloque seleccionado ahora aparecerá dentro de la columna. Ahora puede continuar y agregarle contenido.

Bloque de imagen agregado a WordPress

Así es como puede verse su nueva columna en el tema predeterminado Veintinueve. En este ejemplo, estamos utilizando tres columnas y la última columna contiene una imagen..

3 columnas en la publicación de WordPress - Vista previa

Si solo desea agregar una imagen y algo de texto al lado, también puede usar 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 medios y bloque de texto en WordPress

Agregar múltiples columnas en el antiguo editor clásico de WordPress

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

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

Tras la activación, puede crear una nueva publicación o abrir una publicación anterior para editarla. Luego, haga clic en el botón “Agregar columnas” de la barra de herramientas del editor visual.

Agregar icono de columnas Plugin de columnas de cuadrícula ligera

Ahora verá una ventana emergente para agregar su primera columna. Puede elegir la cantidad de área que puede cubrir su columna, en computadoras de escritorio, tabletas y dispositivos móviles de manera diferente.

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

Porcentaje de ancho de cuadrícula: columnas de cuadrícula livianas

Hay muchas opciones para establecer el ancho de la columna, del 5% al ​​100% en el intervalo de 5. Puede elegir una haciendo clic en el menú desplegable.

Opciones de ancho de columna: porcentajes de cuadrícula

Después de eso, debe agregar el contenido de su columna en el cuadro “Contenido” y luego hacer clic en el botón “Aceptar” para insertarlo en su publicación.

Agregue contenido a su columna: complemento de columnas de cuadrícula ligera

El complemento ahora generará el shortcode requerido con su contenido y lo agregará a su editor de publicaciones.

Código corto y contenido agregado a la columna de WordPress

Ahora que ha agregado su 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”.

Código corto y contenido para 2 columnas en WordPress

Después de eso, puede guardar su publicación y obtener una vista previa. Así es como se veía en nuestro sitio de prueba usando el tema Twenty Seventeen.

Dos columnas de WordPress en el tema Veintisiete

Esperamos que este artículo te haya ayudado a aprender cómo agregar columnas en tus publicaciones y páginas de WordPress. También es posible que desee ver nuestra guía simple sobre cómo alinear fácilmente las imágenes en las publicaciones de WordPress.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map