Cómo hacer columnas en WordPress sin plugin

Organizar el contenido en columnas es pan comido gracias al bloque Columnas de WordPress. Este bloque pertenece a los bloques principales que pueden usarse en todos los temas de WP. El bloque de columnas puede tener hasta 6 columnas. Por lo tanto, puede tener 6 contenidos diferentes uno al lado del otro.

Hoy le mostraremos cómo hacer columnas en WordPress sin complemento, utilizando el bloque Columnas. También te traemos un resumen de funciones más recientes de la versión WP 5.3 actualizar.

En este tutorial encontrarás información sobre:

• ¿Cuál es el propósito de las columnas?
• Cómo solían funcionar las columnas en el antiguo editor
• Cómo hacer columnas en WordPress sin plugin (en editor de bloques)
• Configuración básica del bloque de columnas
• Cómo trabajar con el bloque Columnas de WordPress
• Cómo editar bloques anidados
• Ventajas del bloque de columnas

¿Cuál es el propósito de las columnas?

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. Al organizar el contenido en columnas, puede resaltar información o parámetros importantes.

Por ejemplo, puede utilizar un diseño de varias columnas para presentar sus servicios. Añade allí imagen ilustrativa, descripción o botón. Por supuesto, puede hacer clic en la imagen.

De manera similar a los servicios, puede usar columnas en WordPress para mostrar productos o categorías de productos. Es ideal si tienes un sitio web comercial simple.

En las publicaciones de blog, puede usar columnas para separar el contenido. Puede colocar texto, viñetas o imágenes una al lado de la otra.

Cómo solían funcionar las columnas en el antiguo editor

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

Ha tenido múltiples opciones sobre cómo crear columnas en el sitio web de WordPress:

1. Inserte manualmente el código HTML en el editor de texto

<table>
  <tr>
    <td></td>
    <td></td>
  </tr>
</table>

Este enfoque fue utilizado principalmente por desarrolladores, que podían crear rápidamente tablas o columnas según sus requisitos. La desventaja era que no todos los temas de WordPress podían manejar bien las columnas. Las tablas generalmente no eran perfectas y el usuario promedio no podía resolver fácilmente todos los problemas posibles.

2. Permitir tablas en el editor de WordPress

Debido a que WordPress usó el editor TinyMCE, fue posible permitir funciones para editar tablas. Si te interesa saber más, puedes encontrar todos los detalles en este foro. En caso de que haga lo mismo con nuestros temas AIT, las tablas funcionarán correctamente.

3. Uso del elemento Columnas en temas AIT

Si usa uno de nuestros temas de WordPress más antiguos, seguramente conoce nuestro elemento Columnas. Este elemento se puede usar para agregar columnas dentro de las páginas. Es un elemento ordenable, lo que significa que puede colocarlo en cualquier lugar que lo necesite. La ventaja es su variabilidad dentro de las páginas.

4. Descargue el complemento de terceros para administrar tablas

Otra solución sobre cómo hacer columnas en publicaciones y páginas de WordPress fue descargar uno de los complementos disponibles para crear tablas. Estos complementos permiten agregar columnas/tablas con unos pocos clics sin ningún tipo de codificación. También era posible usar esto por usuarios menos experimentados.

Cómo hacer columnas en WordPress sin plugin (en editor de bloques)

Gracias al nuevo editor de bloques, crear columnas se volvió extremadamente fácil. Si todavía usa WordPress antiguo, ahora es el momento adecuado para actualizar a la versión más nueva. Podrá agregar y administrar columnas simplemente, con unos pocos clics usando el bloque Columnas.

Este bloque es un cambio bienvenido para todos los que quieren trabajar con contenido de varias columnas, presentar productos o escribir un blog y no tienen experiencia con la programación.

Echemos un vistazo a cómo agregar el bloque Columnas y cómo crear columnas en WordPress sin complemento:

• La primera opción es hacer clic en "+" en la barra superior y seleccionar el bloque Columnas de los bloques disponibles.
• La segunda opción es hacer clic en "+" en cualquier lugar dentro del editor.

Diseños predefinidos del bloque Columnas de WordPress (NUEVO desde WP 5.3)

La última versión trajo grandes mejoras en la configuración de las columnas. En primer lugar, hay estilos de diseño predeterminados disponibles. ¿Qué significa?

Los usuarios pueden elegir su diseño y estilo de alineación en el proceso de agregar un nuevo bloque al área de contenido. Los diseños predefinidos pueden ser muy útiles, especialmente para aquellos usuarios que no tienen conocimientos avanzados de WordPress. Esta característica representa cómo imaginamos la forma de hacer columnas en WordPress (sin complemento ni ningún otro complemento).

 

Si no desea elegir un diseño predefinido en el bloque Columnas de WordPress, simplemente sáltelo. Después de omitir este paso, el contenido se separará en 2 partes iguales/dos columnas individuales que se pueden editar.

Configuración básica del bloque de columnas

El bloque de columnas de WordPress en sí mismo no tiene muchas opciones. Por qué es así lo explicaremos más adelante. En la barra superior, puede cambiar la alineación a ancho o ancho completo. Puede cambiar esta alineación si es compatible con su tema activo.

La configuración más importante del bloque Columnas es el número de columnas en la barra lateral del inspector en el lado derecho. De manera predeterminada, hay 2 columnas, pero puede aumentar este número a 6. Puede cambiarlo con el mouse o ingresar un número. Cómo se ve, lo verá de inmediato después de aumentar o disminuir las columnas. El bloque cambia dinámicamente dependiendo del control deslizante.

Es muy práctico porque cambia el número de columnas literalmente en segundos sin cambios difíciles en la configuración o la codificación.

De manera similar a otros bloques en el editor de WordPress, puede insertar Clase CSS personalizada también en el bloque Columnas.

Agregador de bloques para un trabajo más fluido con bloques

El bloque de columnas es especial porque puedes crear múltiples bloques con él. Hasta que se lanzó una nueva versión, era bastante difícil trabajar con bloques individuales. Cuando quisiste agregar algún bloque, no sabías exactamente dónde hacer clic. Gracias a Block appender (y su diferenciación por color de fondo) es más fácil insertar contenido en la columna adecuada.

Cómo trabajar con el bloque de columnas de WordPress

La belleza del bloque Columns es que cada columna puede anidar otros bloques. Puede ser Párrafo, Bloque de imagen o Bloque de botón. El número máximo de columnas es 6, por lo tanto, puede crear contenido de varias columnas según lo necesite. Como se mencionó anteriormente, para presentar productos puede agregar la imagen del producto, el nombre, el precio y el botón uno al lado del otro.

También puede usar varios bloques de columnas uno debajo de otro para crear una cuadrícula. Puede usarlo para presentar sus servicios o promocionar características importantes.

Edición de bloques anidados

Como ya mencionamos, puedes anidar otros bloques dentro de las columnas. Cada bloque anidado tiene todas sus configuraciones disponibles. Eso significa que si agrega un bloque de imagen en la columna, puede editarlo exactamente de la misma manera que en el modo independiente bloque de imagen.

Conclusión: ventajas del bloque de columnas

La liberación del editor de bloques de WordPress y la disponibilidad del uso de columnas en páginas y publicaciones simplificó significativamente la forma en que los usuarios pueden trabajar con el contenido. Gracias al bloque de columnas de WordPress, ya no es importante usar soluciones de terceros o escribir código HTML. Es posible agregar o eliminar columnas con unos pocos clics. Todo es muy intuitivo y rápido también para los usuarios menos tecnólogos.

Su contenido en el diseño de varias columnas se alineará muy bien en la cuadrícula. También se verá bien en la versión receptiva de inmediato.

Estábamos trabajando duro en el nuevo tema de WordPress Citadela, que está especialmente desarrollado para el editor de bloques de WordPress. Obtenga más información sobre el tema Citadela y los paquetes de diseño disponibles.