Cómo hacer columnas en WordPress de forma rápida y sencilla
Las opciones de diseño que ofrece el editor estándar de WordPress son bastante limitadas. Los bloques de texto, las imágenes y los videos solo pueden ir debajo o encima de otros.
Una forma alternativa de organizar la información en un blog o publicación sería usar columnas. Los medios tradicionales, como periódicos y revistas, han estado utilizando este diseño durante años.
Las líneas más cortas facilitan que el lector siga el texto. También hace un uso muy económico del espacio disponible.
Es posible y no tan difícil agregar columnas a una publicación de WordPress. Este artículo mostrará cómo hacer columnas en WordPress.
¿Por qué usar columnas en un sitio web?
Hay varias razones para usar columnas en un sitio web. Las columnas organizan el texto u otro contenido y facilitan la lectura.
La disposición en columnas permite el resaltado específico de cierta información.
Una aplicación muy utilizada de las columnas es la presentación de servicios o productos. Además del texto, pueden tener botones, imágenes o descripciones detalladas .
Incluso se puede hacer clic en las imágenes. Este método de presentación de información de productos es especialmente adecuado para empresas más pequeñas.
Las columnas también son muy útiles en las publicaciones de blog. La organización de la información en columnas permite la separación del contenido.
En lugar de colocar solo los elementos uno debajo del otro, las viñetas de texto y las imágenes se pueden organizar horizontalmente.
Cómo crear columnas en WordPress
Los complementos son muy útiles para agregar funcionalidad a las publicaciones y páginas de WordPress. Pero a algunos no les gusta usar muchos complementos.
La buena noticia es que es posible agregar columnas sin un complemento especial de WordPress. Hay dos maneras de hacer esto:
- Utilice un tema de WordPress que ofrezca esta opción.
- Crear columnas usando HTML
El contenido de varias columnas también se denomina contenido de columna de cuadrícula. Esta función ahora se ofrece de forma predeterminada en WordPress.
El Editor Gutenberg tiene un editor de bloques que facilita mucho el uso de columnas.
Para asegurarse de que esta función sea accesible, actualice a la última versión de WordPress. Luego, las columnas están a solo unos clics de distancia con Columns Block.
Esta opción es excelente cuando las habilidades de codificación y programación no están bien desarrolladas.
Otra ventaja de Columns Block es que uno puede agregar diferentes bloques dentro de una columna. Estos bloques pueden ser texto, imágenes o botones.
Como ya se mencionó, las columnas son excelentes para organizar la información de productos y precios. Con varias columnas disponibles, es posible incluir imágenes y nombres de productos.
Es fácil organizar bloques de columnas horizontal o verticalmente. Una combinación de estos tipos de arreglos da como resultado la formación de una cuadrícula.
Entonces, aquí hay una descripción detallada de cómo crear columnas sin el uso de un complemento de WordPress. Estos son los pasos:
- Ve a la
- Haga clic en el signo para agregar un bloque. Está en la esquina superior izquierda.
- Aparecerá una lista de todos los bloques disponibles.
Los tipos de bloque están ordenados por categorías. Utilice la función de búsqueda para encontrar la correcta.
- Encuentre los elementos de diseño
- Seleccione Columnas.
- Agregue bloques a las columnas. Para empezar, el lienzo se dividirá en dos columnas.
Agregue texto escribiendo en una de las columnas. Otra opción es agregar bloques haciendo clic en el signo +.
- Si lo desea, agregue más aumentando el número de columnas. Haga clic izquierdo en los bloques de columnas.
Esto abrirá el panel de configuración a la derecha. La siguiente imagen muestra cómo se ve.
Aumente el número de bloques a tres, cuatro, cinco o seis.
- Tenga cuidado al eliminar columnas, porque la información de las columnas eliminadas también se pierde. No es posible recuperar esta información.
Diseños predefinidos
Con el lanzamiento de WordPress 5.3 llegaron muchas mejoras en el uso de columnas en blogs y publicaciones. Además de agregar bloques, el usuario ahora puede definir su alineación y diseño.
Para usuarios con experiencia limitada en WordPress, existen diseños predefinidos muy prácticos. Así debería ser la creación de columnas y sin la ayuda de un complemento de WordPress.
Los diseños predefinidos son opcionales.
Después de omitir este paso, WordPress divide el lienzo en dos columnas de igual ancho. El número y el ancho de estas columnas se pueden ajustar más adelante.
Configuración básica del bloque de columnas
Las opciones que ofrece WordPress Columns son pocas.
Es posible cambiar la alineación de las columnas solo si el tema activo lo admite. Los botones para hacer esto están en la barra en la parte superior.
Un parámetro importante en la configuración del bloque de columnas es el número de columnas. Para cambiar esto, ve a la barra lateral del inspector que está a la derecha.
Cambie el número haciendo clic con el mouse o escriba el número en el cuadro. El diseño cambia inmediatamente después de aumentar o disminuir el número.
Es rápido y fácil y no requiere cambiar el código. Otra posibilidad es agregar Clase CSS personalizada al bloque Columnas.
Nueva configuración de ancho de columna
Además, con la llegada de WordPress 5.3, se ha vuelto mucho más fácil personalizar las columnas. El Inspector contiene un control deslizante con el que cambiar el ancho de la columna.
Esto asegura que el contenido de las columnas esté siempre bien distribuido.
Otra característica es que ahora permite la creación de múltiples bloques. Antes del lanzamiento de la versión 5.3, a veces era complicado trabajar con varios bloques.
La nueva función, llamada Block Appender, ha facilitado mucho este proceso. Solo se necesita un clic y los diferentes bloques se resaltan en diferentes colores.
Agregar medios y otro contenido en columnas
Además de agregar texto, es posible usar imágenes o incrustar videos en las nuevas columnas. Esto requiere el uso de diferentes bloques.
Agregue un nuevo bloque pasando el cursor sobre la columna y haga clic en Agregar nuevo bloque. O escriba /[nombre del bloque], donde "nombre del bloque" se reemplaza con el nombre del bloque.
Después de hacer eso, el bloque recién creado aparece en la columna correspondiente. Añádele el contenido correspondiente.
A continuación se muestra un ejemplo de cómo se vería esto en el tema de 2019. Muestra tres columnas y la última contiene una imagen.
Hay otra opción, Medios y Texto.
Esto agregará una imagen y algo de texto al lado. Con esta opción, no es necesario crear una columna extra.
Crear columnas con HTML
Para los interesados, también existe la opción de usar HTML para crear columnas.
WordPress es muy poderoso y puede ofrecer un sitio web muy atractivo. Sin embargo, HTML sigue siendo un método muy popular para crear un sitio.
Para hacer columnas, agregue este fragmento de código en el Editor de texto:
Esto crea una tabla con columnas muy rápidamente y es fácil de modificar. Sin embargo, no todos los temas de WordPress manejan bien estas columnas.
Se necesita algo de experiencia para resolver cualquier problema resultante.
Pensamientos finales sobre cómo hacer columnas en WordPress
WordPress 5.3 y la inclusión del editor de bloques han facilitado mucho el uso de columnas en blogs y publicaciones. Debido al bloque de columnas de WordPress, ya no es necesario usar un complemento o perder el tiempo con el código HTML.
Es sencillo crear columnas en WordPress o eliminarlas. Es muy intuitivo y agradable de trabajar, incluso para usuarios menos técnicos.
El resultado es un diseño bellamente alineado con varias columnas. Sobre todo, las páginas resultantes serán responsivas.
Si disfrutó leyendo este artículo sobre cómo hacer columnas en WordPress, debe consultar este sobre cómo editar categorías en WordPress.
También escribimos sobre algunos temas relacionados, como cómo eliminar temas de WordPress, cómo hacer que se pueda hacer clic en un número de teléfono en WordPress, cómo poner marcas de agua en las imágenes, cómo verificar la versión de WordPress , cómo crear una tabla de comparación con complementos de WordPress, cómo cargar un HTML archivo en WordPress, dónde se almacenan las páginas de WordPress y cómo justificar el texto en WordPress.