Durante nuestros años probando funciones de WordPress, hemos visto la plataforma evolucionar de los widgets tradicionales al nuevo sistema de bloques.
Si bien ambas herramientas te ayudan a personalizar tu sitio, funcionan de maneras fundamentalmente diferentes y cumplen propósitos distintos.
En WPBeginner, sabemos que entender la distinción entre widgets y bloques puede ser un desafío. Sin embargo, saber cuándo usar cada uno puede marcar una gran diferencia en la eficacia con la que administras tu sitio de WordPress.
En esta guía, aclararemos la confusión entre los widgets y los bloques de WordPress. Compartiremos ejemplos prácticos de cuándo usar cada uno, basándonos en experiencia real ayudando a miles de usuarios a crear y personalizar sus sitios de WordPress.
Aquí tienes un resumen rápido de los temas que cubriremos en este artículo:
¡Vamos a empezar!
¿Qué son los widgets de WordPress?
Los widgets de WordPress son elementos de contenido dinámico que puedes agregar a áreas preparadas para widgets, como las barras laterales.
Los widgets se introdujeron en WordPress 2.2 (mayo de 2007).
El propósito era proporcionar a los usuarios una forma fácil de agregar elementos personalizables a su sitio web sin tener que insertar repetidamente el mismo elemento al final de las publicaciones del blog.
Por ejemplo, podrían editar los archivos de su tema de WordPress para crear una barra lateral e insertar manualmente códigos de seguimiento de Google AdSense.
Los usuarios podían simplemente insertar contenido o funciones usando widgets que no tenían que ser parte de sus archivos de tema generales o publicaciones de blog.
Los widgets facilitaron mucho a los usuarios la creación de su blog de WordPress ideal, permitiéndoles agregar fácilmente anuncios de banner o formularios de suscripción por correo electrónico.
Gradualmente, casi todos los temas de WordPress adoptaron widgets agregando áreas listas para widgets en su diseño y maquetación. Estas eran con mayor frecuencia barras laterales y pies de página.
El editor de widgets de WordPress se veía así hasta WordPress 5.8, que se lanzó en 2021.
¿Qué son los bloques en WordPress?
Los bloques son los elementos que los usuarios pueden agregar a un área usando el editor de contenido de WordPress. WordPress cambió a este editor de contenido basado en bloques en WordPress 5.0.
También puedes verlo referido como el editor Gutenberg, que fue su nombre clave de desarrollo.
Los bloques son muy similares a los widgets porque cada uno maneja un solo elemento de la página o publicación.
A diferencia de los widgets, sin embargo, los bloques se introdujeron solo como parte del editor de publicaciones y páginas, lo que significa que no se podían agregar fácilmente a áreas como el pie de página o la barra lateral del sitio.
Un bloque se puede insertar en una publicación o página para cualquier elemento, incluyendo un párrafo, una imagen, una galería, una función específica de un plugin como suscripciones por correo electrónico, o una incrustación de video.
También hay bloques para agregar elementos de diseño como portadas, patrones, tablas, columnas, grupos y más.
Para obtener más información, consulta nuestro tutorial completo del editor de bloques de WordPress, que muestra cómo usar el editor predeterminado para crear hermosos diseños de contenido.
La diferencia entre widgets y bloques en WordPress
Hasta WordPress 5.8, la diferencia entre widgets y bloques era bastante obvia.
Los usuarios agregaban widgets a las áreas preparadas para widgets de sus temas. Se usaban principalmente para mostrar elementos que no eran contenido de publicaciones/páginas. Por ejemplo, listas de publicaciones recientes, enlaces esenciales, anuncios publicitarios, formularios y más.
Sin embargo, la diferencia entre widgets y bloques se ha vuelto bastante difusa ahora.
Los widgets son elementos autónomos que se utilizan en áreas preparadas para widgets como las barras laterales en un sitio web de WordPress.
Los bloques también son elementos autónomos a los que puedes acceder a través del editor de bloques. Se pueden usar en publicaciones y páginas, así como en áreas preparadas para widgets. También puedes usarlos en plantillas si tu tema ha habilitado el editor de sitio completo.
Los widgets fueron los primeros en permitir a los desarrolladores generar otros elementos como formularios de contacto, testimonios, feeds de redes sociales y más.
Sin embargo, lo mismo se puede lograr usando bloques. Muchos plugins principales de WordPress ahora vienen con bloques que puedes agregar en cualquier lugar.
Por ejemplo, WPForms tiene un bloque de formulario de contacto que puedes agregar en cualquier lugar para mostrar un formulario.
All in One SEO incluye bloques para la tabla de contenido, mapa del sitio HTML, navegación de migas de pan y más.
MemberPress viene con bloques que te permiten vender membresías, mostrar listas de descargas, contenido de pago y más.
El editor de widgets basado en bloques
WordPress planeó adaptar el editor de bloques para editar todas las áreas de tu sitio web, incluidas las áreas listas para widgets.
Para lograr esto, se introdujo el nuevo editor de widgets basado en bloques en WordPress 5.8.
Los usuarios ahora pueden usar bloques en las áreas listas para widgets de sus temas.
Los widgets todavía se encuentran en el menú Apariencia » Widgets.
Sin embargo, si estás utilizando un tema basado en bloques que no tiene áreas definidas listas para widgets, es posible que no lo veas allí.
En su lugar, verás el menú Apariencia » Editor.
Muchos de los widgets heredados de WordPress ya tienen bloques que pueden hacer lo mismo.
Puedes hacer clic en el botón de agregar nuevo bloque (+) para encontrar un montón de bloques categorizados como Widgets.
Estos siguen siendo bloques, pero están categorizados como widgets para que los usuarios entiendan que se comportan como widgets heredados.
Sin embargo, si un usuario todavía necesita usar un widget heredado que no tiene un bloque alternativo, puede hacerlo utilizando el bloque Widgets Heredados.
Si un plugin de WordPress tiene un bloque para agregar a las publicaciones y páginas, ahora también puedes usar el mismo bloque en áreas listas para widgets.
Los desarrolladores de temas también pueden crear bloques personalizados que los usuarios pueden agregar a diferentes áreas de sus sitios web.
El futuro de los widgets de WordPress
WordPress se está moviendo hacia una forma más intuitiva y unificada de editar contenido en un sitio web de WordPress.
Esto significa que los widgets antiguos ya no estarán disponibles. Los desarrolladores de temas y plugins de WordPress ya se están adaptando y agregando soporte para el editor de bloques en sus productos.
Sin embargo, muchos temas de WordPress todavía usan widgets antiguos, y estos temas ahora se llaman temas clásicos. De manera similar, muchos plugins de WordPress todavía usan códigos cortos y widgets heredados.
Si aún necesita usar los widgets antiguos, entonces puede deshabilitar los bloques de widgets en WordPress.
La forma sencilla de hacerlo sería usar el plugin gratuito WPCode, que te permite personalizar WordPress sin añadir docenas de plugins.
Lo hemos usado muchas veces y lo hemos encontrado como la opción más segura para añadir código. Incluso tiene un fragmento prehecho que puedes usar para deshabilitar los widgets de bloques.
Alternativamente, también puedes usar el plugin Classic Widgets. Para más detalles, puedes ver nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.
Tras la activación, el plugin simplemente reemplazará el editor de widgets basado en bloques con la página de widgets antigua.
Nota: El plugin Classic Widgets continuará recibiendo actualizaciones y soporte hasta 2024 o mientras el equipo de WordPress lo considere necesario. Sin embargo, esto sugiere que el plugin podría no recibir actualizaciones o mantenimiento más allá de ese período. Es por eso que recomendamos usar WPCode para asegurar la compatibilidad futura de tu personalización.
Bloques vs. Widgets: ¿Cuál es mejor?
Recomendamos a los usuarios que empiecen a usar el nuevo editor de widgets basado en bloques lo antes posible porque esa es la dirección hacia la que se dirige el desarrollo de WordPress.
Es fácil de usar, moderno y más flexible que la pantalla anterior de Widgets.
Si un plugin o tema de WordPress en tu sitio web no es compatible con los widgets basados en bloques, puedes contactar al desarrollador y pedirle que convierta sus widgets en bloques.
Si no tienen planes de lanzar una actualización, entonces puedes encontrar fácilmente plugins o temas alternativos para reemplazarlos.
Preguntas frecuentes: Widgets y bloques de WordPress
Aquí hay algunas preguntas que nuestros lectores hacen con frecuencia sobre bloques y widgets.
¿Qué pasa con mis widgets antiguos si cambio de tema o actualizo WordPress?
Tus widgets existentes seguirán apareciendo en las áreas de widgets de tu nuevo tema, asumiendo que esas áreas existen. Si tu tema soporta widgets basados en bloques, WordPress intentará preservar el contenido y la estructura lo más fielmente posible.
¿Todavía puedo usar widgets en versiones más recientes de WordPress?
Sí, pero ahora aparecen en la pantalla de Widgets basada en bloques. Si estás usando WordPress 5.8 o posterior, los widgets se manejan usando bloques por defecto, aunque puedes instalar un plugin para restaurar la interfaz de widgets clásica si es necesario.
¿Necesito cambiar todos mis widgets a bloques?
No, pero cambiar a bloques te da más control y flexibilidad. Puedes estilizar y previsualizar tu contenido más fácilmente, y muchos temas y plugins ahora ofrecen mejor soporte para diseños basados en bloques.
Esperamos que este artículo te haya ayudado a entender la diferencia entre los widgets y los bloques de WordPress. También podrías querer ver nuestra selección de los mejores plugins de bloques para WordPress o ver nuestra guía sobre la diferencia entre el editor de bloques vs. constructores de páginas.
Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.
David Lim
Widgets are a bit like snippets. They make it extra easy to use the functions and even look good if you design them well