Add Multi-Column Content In Wordpress Posts And Pages

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

¿Desea agregar contenido de varias columnas en sus publicaciones de WordPress? Las columnas se pueden utilizar para crear diseños atractivos para sus publicaciones y páginas. Los medios impresos tradicionales, como periódicos y 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 mientras usaban el espacio disponible de manera económica. Los diseños de una sola columna se utilizan con más frecuencia en la web. Sin embargo, las cuadrículas de varias columnas siguen siendo útiles para resaltar contenido y facilitar su escaneo y lectura. En este artículo, le mostraremos cómo agregar fácilmente contenido de varias columnas a sus publicaciones de WordPress sin escribir código HTML.

Agregue contenido de múltiples 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, ya que es una característica 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 debajo de la pestaña «Elementos de diseño».

Agregue Un Bloque De Columna A Su Publicación De Wordpress
Ahora verá que el cursor del mouse salta sobre la columna de la izquierda y aparecerá un marcador de posición de texto en la columna de la 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 un área en blanco al principio. Si desplaza el mouse hacia la izquierda, puede ver el borde del bloque resaltado. También podrá ver la configuración de bloqueo en la columna derecha de la pantalla de edición de publicaciones.
Bloque De Columnas De Wordpress - 2 Columnas
De forma predeterminada, el bloque de columnas agregará dos columnas. Puede aumentar la cantidad de columnas que desea agregar desde la configuración del 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 Tab en su teclado para pasar a la siguiente columna.
Agregue Texto A Sus Columnas De Wordpress

Agregar contenido multimedia y de otro tipo a sus columnas

Además del contenido textual, también puede agregar imágenes e incrustar videos en columnas de WordPress. El bloque de columna le permite agregar bloques dentro de cada columna. Simplemente coloque el mouse sobre una columna y verá el ícono «Agregar nuevo bloque» dentro. También puede agregar un bloque escribiendo / luego el nombre del bloque.
Agregar Un Nuevo Bloque En Las Columnas De Wordpress
Su bloque seleccionado ahora aparecerá en la columna. Ahora puede agregarle contenido.
Bloque De Imagen Agregado A Wordpress
Así es como podría verse su nueva columna en el tema predeterminado Twenty Nineteen. En este ejemplo, estamos usando tres columnas y la última columna contiene una imagen.
3 Columnas En La Publicación De Wordpress - Descripción General
Si solo desea agregar una imagen y texto al lado, también puede usar el bloque «Medios y texto» en lugar de columnas. Este bloque en particular está especialmente diseñado para mostrar medios como imágenes y videos junto con el texto.
Agregar Bloque De Texto Y Medios En Wordpress

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

Si no ha actualizado su WordPress a Gutenberg y todavía está usando el editor clásico, deberá instalar un plugin por separado para crear un diseño de columna de cuadrícula. Primero, instale y active el plugin Lightweight Grid Columns. Para obtener instrucciones detalladas, siga nuestra guía paso a paso sobre cómo instalar un plugin en WordPress. Tras la activación, puede crear un mensaje nuevo o abrir un mensaje antiguo para editarlo. Luego haga clic en el botón «Agregar columnas» en la barra de herramientas del editor visual.
Agregar Icono De Columnas Complemento 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 cuadrícula del escritorio en 50%, su columna cubrirá la mitad de la fila.
Ancho De Cuadrícula Porcentual: Columnas De Cuadrícula Ligeras
Hay muchas opciones para establecer el ancho de su columna, del 5% al ​​100% en el rango 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: Plugin Lightweight Grid Columns
El plugin ahora generará el código corto 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 mensaje 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 Twenty Seventeen
Esperamos que este artículo le haya ayudado a aprender cómo agregar columnas a sus publicaciones y páginas de WordPress. También puede consultar nuestra sencilla guía sobre cómo alinear fácilmente imágenes en publicaciones de WordPress. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook.

Leave a Reply