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".

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.

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.

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.

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.

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.

Su bloque seleccionado ahora aparecerá en la columna. Ahora puede agregarle contenido.

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.

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 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.

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.

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.

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.

El plugin ahora generará el código corto requerido con su contenido y lo agregará a su editor de publicaciones.

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".

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.

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.