Cómo mostrar widgets de WordPress en columnas

¿Estás tratando de mostrar los widgets de WordPress en columnas?

Los widgets le permiten mostrar bloques de contenido dinámico en varias áreas de su sitio web. Por lo general, aparecen en la barra lateral, pero también se pueden mostrar en otras áreas en varias columnas.

En este artículo, mostraremos formas sencillas de mostrar los widgets de WordPress en columnas.

Método 1. Mostrar widgets de WordPress en la barra lateral del pie de página

Muchos temas de WordPress vienen con un área dedicada lista para widgets en el pie de página de su sitio web.

Puede verificar si su tema tiene un área de widget de pie de página simplemente yendo a Apariencia » Widgets página. Desplácese un poco hacia abajo o haga clic en el título de la barra lateral para colapsar/expandir un área de widgets.

Área de widgets de pie de página

Si su tema tiene un área de widget de pie de página, se le asignará un nombre adecuado para reflejarlo.

Por ejemplo, en la captura de pantalla anterior estamos usando un tema que tiene tres áreas de widgets en el pie de página. Cada área de widget se mostrará como una columna separada.

Simplemente puede expandir un área de widgets y comenzar a agregar widgets dinámicos que desee mostrar allí.

Agregar widgets a la columna de widgets de pie de página

Una vez que haya terminado de agregar widgets, no olvide hacer clic en el botón Actualizar para guardar los cambios.

Ahora puede visitar su sitio web y desplazarse hacia abajo para ver los widgets en columnas.

Columnas de widgets de pie de página

Método 2. Mostrar widgets de WordPress en columnas dentro de publicaciones y páginas

Para este método, usaremos el editor de bloques predeterminado de WordPress para crear columnas y luego agregarles widgets.

Este método le permite mostrar widgets dentro del área de contenido de publicaciones y páginas. La desventaja es que tendrá que agregarlo a cada publicación o página en la que desee mostrar los widgets en columnas.

Simplemente edite una publicación o página donde desee agregar widgets en columnas. En la pantalla de edición de publicaciones, debe agregar el bloque de columnas a su área de contenido y luego elegir la cantidad de columnas que desea mostrar.

Agregar bloque de columnas

Ahora puede continuar y hacer clic en el botón Agregar bloque en su primera columna.

Desde el panel de selección de bloques, puede desplazarse hacia abajo hasta la sección Widgets y agregar cualquier widget heredado a una columna.

colores de columna

También puede agregar cualquier otro bloque que desee agregar, lo que le brinda mucha flexibilidad. Además, dado que es el editor de bloques, puede elegir el fondo y el color del texto dentro del editor.

Una vez que esté satisfecho, no olvide actualizar o publicar su publicación o página. Ahora puede obtener una vista previa para ver cómo se ve en su sitio web.

Vista previa de la columna de widgets

Método 3. Agregar widgets en columnas usando SeedProd

Para este método, usaremos Producto de semilla que es el mejor complemento de creación de páginas de WordPress en el mercado.

SeedProd hace que sea muy fácil crear páginas de destino personalizadas para su sitio web. También puede usarlo para crear temas de WordPress completamente personalizados usando una interfaz de arrastrar y soltar (no se necesita codificación).

Producto de semilla

En primer lugar, debe instalar y activar el Producto de semilla enchufar. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.

Nota: Necesitará al menos un plan PRO para desbloquear la función de creación de temas.

Tras la activación, debe ingresar la clave de licencia de su complemento. Puede encontrar esta información en su cuenta en el sitio web del complemento.

Verificando su licencia de SeedProd

A continuación, dirígete a la SeedProd » Creador de temas página y haga clic en el botón Temas en la parte superior.

Constructor de temas

Aparecerán varios temas de SeedProd listos para usar que puede usar como punto de partida. También puede elegir comenzar desde cero si lo desea.

Temas iniciales de SeedProd

Una vez que elija un tema, SeedProd generará automáticamente plantillas para diferentes áreas de su sitio web.

Plantillas en el generador de temas de SeedProd

Simplemente haga clic en una plantilla para comenzar a editarla. Por ejemplo, si quisiera mostrar columnas de widgets en el área de pie de página, entonces editaría la plantilla de pie de página.

Esto iniciará la interfaz del constructor SeedProd. Es una herramienta de diseño de arrastrar y soltar con una vista previa en vivo de su sitio web.

Añadir bloque de columnas

Simplemente agregue un bloque de columnas a su diseño y luego haga clic en el botón Agregar para comenzar a agregar widgets.

SeedProd viene con todos los widgets de WordPress de uso común que pueda necesitar, y algunos más. Puede editar widgets, encabezados o cualquier bloque personalizado dentro de esas columnas.

Editar columnas de SeedProd

Una vez que esté satisfecho con las columnas de su widget, no olvide hacer clic en el botón Guardar en la parte superior.

Ahora puede continuar editando el resto de su tema de WordPress. Para obtener más detalles, consulte nuestro tutorial completo sobre cómo crear un tema de WordPress personalizado para principiantes.

Una vez que haya terminado, puede volver a SeedProd » Creador de temas y active el interruptor junto a la opción ‘Habilitar tema de SeedProd’.

Habilitar tema SeedProd

Ahora puede visitar su sitio web para ver las columnas de sus widgets y su nuevo tema personalizado en acción.

Vista previa de las columnas del widget SeedProd

Método 4. Crear columnas de widgets en WordPress usando la edición completa del sitio

Recientemente, WordPress introdujo la función de edición completa del sitio que utiliza el editor de bloques para editar temas de WordPress. Todavía está en fase beta y no todos los temas populares de WordPress lo admiten actualmente.

Sin embargo, si está utilizando un tema de WordPress que admite la edición completa del sitio, puede usar este método para mostrar columnas de widgets en su tema.

Primero, debes dirigirte a Apariencia » Redactor pantalla para iniciar el editor completo del sitio. Haga clic en el logotipo de WordPress en la parte superior y luego elija la plantilla donde desea mostrar las columnas del widget.

Elija una plantilla para editar

Por el bien de este tutorial, agregaremos columnas de widgets al área de pie de página de nuestro sitio web de demostración.

Esto abrirá la plantilla dentro del editor. El editor está construido como el editor de bloques que usas para escribir publicaciones y páginas.

Simplemente agregue un bloque de columnas al área donde desea mostrar los widgets y elija el número de columnas.

Agregar bloque de columnas

Después de eso, continúe y haga clic en el botón Agregar bloque en cada columna para agregar los widgets que desea mostrar aquí.

Agregar widgets a las columnas

Una vez que esté satisfecho con sus cambios, puede continuar y actualizar su tema. Sus cambios comenzarán a aparecer inmediatamente en su sitio web.

Agregar columnas de widgets en el editor de sitio completo

Esperamos que este artículo le haya ayudado a aprender cómo mostrar los widgets de WordPress en columnas. También es posible que desee ver nuestra guía de los widgets de WordPress más útiles para su sitio, o ver nuestra guía de SEO de WordPress para obtener más tráfico gratuito a su sitio web.

Si te ha gustado este artículo, suscríbete a nuestro Canal de Youtube para tutoriales en vídeo de WordPress. También puedes encontrarnos en Gorjeo y Facebook.

Deja un comentario