¿Quieres mejorar tu contenido de WordPress con columnas? En los primeros días de WordPress, las columnas se agregaban a través de HTML . Si bien esta sigue siendo una opción viable y probablemente la mejor opción para hacerlo, hoy en día la mayoría de las personas simplemente los agregará mediante un complemento.
Afortunadamente, hay muchas opciones excelentes para elegir. Hoy, demostraré cómo crear contenido de columna en WordPress usando el complemento Shortcodes Ultimate. También demostraré cómo usar el bloque Columnas en Gutenberg.
¿Por qué debería usar columnas de WordPress?
El contenido de la columna es más popular de lo que cree. La mayoría de los principales sitios web utilizan columnas en el diseño de su sitio web, pero ¿por qué?
La mayor ventaja del contenido de la columna es para las comparaciones. Por ejemplo, supongamos que desea crear un artículo de comparación en dos teléfonos. Es bastante normal hacer una comparación lado a lado y para hacer eso, necesitará columnas.
Sin embargo, esto no solo es útil para escribir contenido, es extremadamente útil para que lo utilicen las tiendas en línea. Por ejemplo, supongamos que tiene un producto, pero hay varias versiones para él. La mayoría de las veces, las tiendas tendrán una columna para cada versión que enumera lo que incluye cada una.
Esto ayuda a los clientes a elegir la versión adecuada para ellos.
Instalación de códigos cortos Ultimate
Shortcodes Ultimate es un complemento extremadamente popular con más de 800,000 instalaciones activas. Ha ganado esta popularidad al ofrecer una mayor gama de opciones visuales para su sitio web a través de códigos cortos.
Y por supuesto, también agrega el shortcode de las columnas.
Para comenzar, haga clic en Complementos y seleccione la opción Agregar nuevo en el panel de administración de la izquierda.
Busque Shortcodes Ultimate en el cuadro de búsqueda disponible. Esto abrirá complementos adicionales que pueden resultarle útiles.
Desplácese hacia abajo hasta que encuentre el complemento Shortcodes Ultimate y haga clic en el botón «Instalar ahora» y active el complemento para su uso.
Uso de Shortcodes Ultimate para columnas de WordPress
Shortcodes Ultimate funciona inmediatamente después de la activación. Si bien no hay ajustes para configurar, hay una sección para el complemento.
Haga clic en «[ ] Códigos cortos» y seleccione la opción Códigos cortos disponibles.
![[ ] Códigos cortos](https://www.greengeeks.com/tutorials/wp-content/uploads/2018/05/Columns-4.png)
Aquí encontrará una lista completa de los códigos cortos que el complemento agrega a su sitio web.
En total, hay 67 códigos cortos, 15 de los cuales están disponibles en la versión premium. Al hacer clic en cualquier opción, se le proporcionará el código abreviado y una descripción detallada de lo que hace.
En este caso, recomiendo hacer clic en la opción Columnas para obtener toda la información que necesitará para usarlo.
Puede encontrar un ejemplo del shortcode en esta página y cómo aparecerá. El código abreviado es:[ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ][su_row] [su_column size=”1/2″ center=”no” class =””]Contenido de la columna 1[/su_column] [su_column size=”1/2″ center=”no” class=””]Contenido de la columna 2[/su_column] [/su_row] [/ht_message]
Si bien esto puede parecer complicado, te aseguro que no lo es. Lo desglosaré por ti. [ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ][su_row][/su_row][/ht_message] Esta parte crea una fila.
Entre filas, puede agregar tantas columnas como desee. En este caso hay dos columnas:[ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ][su_column size=”1/2″ center=”no” class=””]Contenido de la columna 1[/su_column] [su_column size=”1/2″ center=”no” class=””]Contenido de la columna 2[/su_column][/ht_message]
Por lo tanto, el shortcode en su conjunto crea 1 fila con dos columnas. Puede notar que el tamaño de la columna es 1/2. Este es el valor predeterminado, pero se puede cambiar en consecuencia. El complemento proporciona una lista completa de tamaños.
Simplemente elija el número que coincida con sus necesidades. Puede agregar tantas filas y columnas como sea necesario. Simplemente inserte el código abreviado en una publicación o página y véalo en acción. El ejemplo anterior se verá así:
Felicitaciones por agregar columnas con Shortcodes Ultimate.
Usando bloque de columnas en Gutenberg
Si no desea agregar otro complemento a su sitio web, tengo una solución.
El editor de Gutenberg está basado en bloques y, he aquí, tiene un bloque de columnas incorporado. Sin embargo, vale la pena señalar que sus opciones son muy limitadas. Solo puede tener dos columnas, pero puede ser muy útil.
Vaya a cualquier página o publicación en su sitio web y haga clic en el botón «+».
Escriba «Columnas» en la barra de búsqueda y seleccione el bloque Columnas.
Todo lo que queda es agregar contenido a cada columna.
Esta es una manera rápida y fácil de agregar columnas sobre la marcha, pero si necesita más de 2 columnas, necesitará un complemento.
Las columnas de WordPress permiten más opciones de contenido
Las columnas pueden ser una gran adición al contenido que creas en WordPress, pero vale la pena mencionar que hay un momento y un lugar para ellas. Si va a usar una columna, asegúrese de que el contenido en el que la está usando tenga sentido.
Por ejemplo, no es normal escribir párrafos completos dentro de cada columna. Se utilizan principalmente para viñetas, listas y otras cosas similares.
Si parece fuera de lugar, probablemente no debería tener una columna allí. Afortunadamente, las columnas se han convertido en pan comido para agregar a cualquier sitio web sin codificación.
¿Por qué está utilizando columnas en su sitio web? ¿Cuántas columnas utilizará en una sola página o publicación?