Aprende cómo funcionan los widgets en temas clásicos y temas de bloques, incluyendo dónde fue la pantalla de Widgets y cuándo usar el plugin Classic Widgets.
ES

Cómo añadir un widget en WordPress

5.00 /5 - (23 votes )
Última verificación: 1 de mayo de 2026
9min de lectura
Tutorial
500+ proyectos WP

Durante años, los “Widgets” eran bloques simples: “Buscar”, “Entradas recientes”, “Categorías”. Los arrastrabas a la barra lateral y listo. Con la llegada de la era de Full Site Editing (FSE) y los temas de bloques, el concepto de widget ha cambiado completamente.

Descubre más sobre los servicios de desarrollo WordPress en WPPoland.

Si quieres la respuesta práctica primero, los temas clásicos todavía usan áreas de widgets, mientras que los temas de bloques generalmente trasladan ese trabajo al Editor del Sitio y a la estructura de plantillas.

#1. Temás clásicos

Si estás usando un tipo de tema más antiguo (como Astra, GeneratePress o el clásico Twenty Twenty-One), todavía tienes acceso al menú Apariencia > Widgets.

Sin embargo, incluso allí, desde WP 5.8, se usa el Editor de Bloques por defecto. En lugar de campos simples, tienes la interfaz completa de Gutenberg dentro de la barra lateral. Puedes añadir cualquier cosa ahí: Párrafo, Imagen, incluso un Shortcode.

Consejo: Si echas de menos la vista antigua, instala el plugin oficial Classic Widgets. Restaura la pantalla más simple de arrastrar y soltar para las áreas de widgets clásicos.

#2. Temás de bloques

En los temas modernos (como Twenty Twenty-Four o Twenty Twenty-Five) no hay menú de Widgets. Ha desaparecido.

En su lugar, ve a Apariencia > Editor. Todo tu sitio es editable.

  • ¿Quieres añadir algo al pie de página? Abre la parte de plantilla correspondiente en el Editor del Sitio.
  • ¿Quieres una barra lateral? Constrúyela con bloques de diseño como Columnas o Grupo, dependiendo de la estructura del tema.

#¿Qué elegir?

Para principiantes, la experiencia de widgets basada en bloques suele ser más flexible porque puedes añadir contenido más rico sin HTML personalizado. Si estás manteniendo un flujo de trabajo más antiguo, el plugin Classic Widgets sigue siendo la opción más fácil.

#Comprendiendo la transición de widgets clásicos a bloques

La transición de los widgets clásicos al editor de bloques representa uno de los cambios más significativos en la historia de la interfaz de WordPress. Cuando WordPress 5.8 se lanzó en julio de 2021, introdujo el editor de bloques en las áreas de widgets por primera vez. Este cambio significó que los usuarios que estaban acostumbrados a la simple interfaz de arrastrar y soltar de repente se encontraron con la interfaz completa de Gutenberg.

#Por qué WordPress hizo el cambio

El equipo del núcleo de WordPress tenía varias razones para esta transición. En primer lugar, los bloques ofrecen capacidades mucho más ricas que los widgets tradicionales. Donde antes estabas limitado a opciones predefinidas como “Entradas recientes” o “Categorías”, ahora puedes usar cualquier bloque de Gutenberg, incluyendo columnas, galerías, tablas, código personalizado y más. Esto significa que tus barras laterales y pies de página pueden ser tan ricos y personalizados como tu contenido principal.

En segundo lugar, mantener dos sistemas de interfaz separados era una carga técnica para el equipo de desarrollo de WordPress. Al unificar todo bajo el paradigma de bloques, el equipo puede concentrar sus esfuerzos en mejorar una única interfaz en lugar de mantener dos.

Tercero, la dirección de WordPress hacia Full Site Editing (FSE) requería que todo el sitio fuera editable a través de bloques. Los widgets eran uno de los últimos vestigios de la interfaz antigua que necesitaba ser integrado en el nuevo sistema.

#El impacto en los desarrolladores de plugins

Para los desarrolladores de plugins que habían creado widgets personalizados, el cambio requirió adaptación. Los widgets creados con la clase WP_Widget de WordPress siguen funcionando, ya que WordPress los envuelve automáticamente en un bloque “Widget heredado”. Sin embargo, para la mejor experiencia de usuario, los desarrolladores son alentados a crear bloques nativos de Gutenberg en lugar de widgets clásicos.

Esto significa que si estás desarrollando nuevas funcionalidades para WordPress, deberías crear bloques en lugar de widgets. Los bloques ofrecen una experiencia de edición más rica, mejor integración con el editor de bloques y compatibilidad futura con la dirección de Full Site Editing de WordPress.

#Guía paso a paso para añadir widgets en WordPress 2026

#Paso 1: Identifica tu tipo de tema

Lo primero que necesitas hacer es determinar si estás usando un tema clásico o un tema de bloques. Esto determina completamente cómo gestionarás los widgets y las áreas de contenido de tu sitio.

Cómo verificar tu tipo de tema:

  • Ve a Apariencia en tu panel de WordPress
  • Si ves “Widgets” en el menú, tienes un tema clásico
  • Si ves “Editor” pero no “Widgets”, tienes un tema de bloques
  • Alternativamente, revisa el archivo theme.json en la carpeta de tu tema: si existe, es probable que sea un tema de bloques

#Paso 2: Configurar widgets en temas clásicos

Si estás trabajando con un tema clásico, el proceso sigue siendo relativamente familiar, aunque ahora usa la interfaz de bloques:

  1. Navega a Apariencia > Widgets
  2. Verás tus áreas de widgets definidas (Barra lateral, Pie de página, etc.)
  3. Haz clic en el botón + (Insertar bloque) en cualquier área de widgets
  4. Busca y selecciona el bloque que deseas añadir
  5. Configura el bloque según tus necesidades
  6. Haz clic en Actualizar para guardar los cambios

Los bloques más comúnmente usados como widgets incluyen:

  • Bloque de Párrafo: Para texto simple, enlaces o anuncios
  • Bloque de Imagen: Para banners, logotipos o imágenes promocionales
  • Bloque de Lista: Para listas de navegación personalizadas
  • Bloque de HTML personalizado: Para insertar código personalizado, scripts de terceros o widgets embebidos
  • Bloque de Shortcode: Para ejecutar shortcodes de plugins
  • Bloque de Iconos Sociales: Para mostrar enlaces a redes sociales
  • Bloque de Navegación: Para menús de navegación personalizados en la barra lateral

#Paso 3: Crear áreas tipo widget en temas de bloques

En los temas de bloques, no existen áreas de widgets como tal. En cambio, trabajas directamente con las plantillas y las partes de plantilla de tu sitio:

  1. Ve a Apariencia > Editor
  2. Selecciona la plantilla que deseas editar (por ejemplo, “Entrada individual”, “Página”, “Archivo”)
  3. Para añadir una “barra lateral”, inserta un bloque de Columnas y configúralo con una proporción como 70/30 o 66/33
  4. Coloca tu contenido principal en la columna más ancha
  5. Usa la columna más estrecha como tu “barra lateral”, añadiendo los bloques que necesites
  6. Para el pie de página, edita la parte de plantilla “Pie de página”

#Paso 4: Optimizar el rendimiento de los widgets

Independientemente de si usas temas clásicos o de bloques, es importante considerar el rendimiento:

  • Minimiza los scripts externos: Cada widget que carga JavaScript o CSS externos puede ralentizar tu sitio
  • Usa carga diferida: Para widgets con contenido pesado, considera implementar carga diferida
  • Audita regularmente: Revisa periódicamente qué widgets realmente necesitas y elimina los que no aportan valor
  • Cacheo: Asegúrate de que tu solución de cacheo incluya las áreas de widgets

#Plugins esenciales para la gestión de widgets

#Classic Widgets

El plugin Classic Widgets es la opción oficial para restaurar la interfaz de widgets antigua. Desarrollado y mantenido por el equipo del núcleo de WordPress, este plugin es la forma más segura de volver a la experiencia clásica.

Características principales:

  • Restaura completamente la interfaz de arrastrar y soltar
  • No requiere configuración, simplemente instalar y activar
  • Compatible con todos los widgets clásicos existentes
  • Mantenido oficialmente por el equipo de WordPress
  • Sin impacto en el rendimiento del frontend

#Widget Options

Este plugin te permite controlar la visibilidad de los widgets basándose en diferentes condiciones como tipo de página, rol del usuario, dispositivo y más. Es especialmente útil para sitios que necesitan mostrar diferentes contenidos en diferentes secciones.

#Custom Sidebars

Si necesitas diferentes conjuntos de widgets para diferentes páginas o categorías, Custom Sidebars te permite crear múltiples áreas de widgets y asignarlas selectivamente.

#Mejores prácticas para widgets en 2026

#Diseño responsive

En 2026, con más del 60% del tráfico web proveniente de dispositivos móviles, es crucial que tus widgets se vean bien en todas las pantallas. Los temas de bloques manejan esto de forma nativa a través del sistema de diseño responsive de WordPress, pero en los temas clásicos, necesitas asegurarte de que tus widgets se apilen correctamente en pantallas pequeñas.

#Accesibilidad

Los widgets deben ser accesibles para todos los usuarios, incluyendo aquellos que usan lectores de pantalla o navegación por teclado. Los bloques nativos de Gutenberg cumplen con los estándares de accesibilidad WCAG 2.1, pero los widgets personalizados o de terceros pueden necesitar verificación adicional.

#SEO y widgets

Los motores de búsqueda leen el contenido de los widgets como parte de tu página. Esto significa que:

  • El contenido de los widgets debe ser relevante para el contenido de la página
  • Los enlaces en los widgets son rastreados e indexados
  • El contenido duplicado en widgets (que aparece en todas las páginas) tiene menos peso SEO
  • Los widgets con demasiados enlaces pueden diluir el “link juice” de tu página

#Seguridad

Siempre instala widgets y plugins de fuentes confiables. Los widgets de terceros desconocidos pueden introducir vulnerabilidades de seguridad en tu sitio. Mantén todos los plugins de widgets actualizados y revisa regularmente los permisos que requieren.

#El futuro de los widgets en WordPress

Con la evolución continua de Full Site Editing, es probable que el concepto tradicional de “widget” desaparezca gradualmente. En su lugar, todo se convertirá en bloques que pueden ser colocados en cualquier parte del sitio. WordPress 7.x probablemente eliminará completamente la distinción entre “widgets” y “bloques”, ofreciendo una experiencia unificada donde cualquier bloque puede ser colocado en cualquier área del sitio.

Para los desarrolladores y administradores de sitios, esto significa que es aconsejable comenzar a pensar en términos de bloques en lugar de widgets. Invertir tiempo en aprender el sistema de bloques de Gutenberg hoy te preparará mejor para el futuro de WordPress.

#Conclusión

La era de los widgets tal como los conocíamos está evolucionando. Ya sea que trabajes con temas clásicos y la interfaz de widgets actualizada, o con temas de bloques y el Editor del Sitio, WordPress ofrece herramientas poderosas para personalizar tu sitio. La clave es entender qué enfoque funciona mejor para tu situación específica y aprovechar al máximo las herramientas disponibles.

Para sitios existentes con temas clásicos, no hay urgencia de migrar inmediatamente. El plugin Classic Widgets proporciona una transición suave mientras te familiarizas con el nuevo sistema. Para nuevos proyectos, los temas de bloques ofrecen la mayor flexibilidad y están alineados con la dirección futura de WordPress.

Descubre más sobre optimización de velocidad WordPress y mantenimiento WordPress en WPPoland.

Siguiente paso

Transforma el artículo en una implementación real

Este bloque refuerza el enlazado interno y lleva al lector al siguiente paso más útil dentro de la arquitectura del sitio.

¿Quieres implementar esto en tu sitio?

Si quieres transformar el artículo en mejoras concretas, rediseño o un plan de implementación, puedo cerrar el alcance y ejecutar.

Cluster relacionado

Explora otros servicios WordPress y base de conocimiento

Refuerza tu negocio con soporte técnico profesional en áreas clave del ecosistema WordPress.

¿Dónde fue el menú de Widgets en WordPress?
En los temas de bloques (FSE), el menú de Widgets se reemplaza por Apariencia > Editor. En los temas clásicos, todavía está en Apariencia > Widgets pero usa el Editor de Bloques por defecto desde WP 5.8.
¿Puedo seguir usando los widgets clásicos de arrastrar y soltar?
Sí. Instala el plugin oficial Classic Widgets para restaurar la interfaz de widgets tradicional. Está mantenido por el equipo del núcleo de WordPress y tendrá soporte a largo plazo.
¿Cómo añado una barra lateral en los temas de bloques?
Los temas de bloques no tienen barras laterales tradicionales. Crea una añadiendo un bloque de Columnas a tu plantilla, luego añade bloques a la columna que servirá como tu área de barra lateral.
¿Qué bloques puedo usar como widgets?
Cualquier bloque de Gutenberg puede usarse como widget: Párrafo, Imagen, Galería, Shortcode, HTML personalizado, Navegación, Iconos sociales y todos los bloques de terceros.
¿El plugin Classic Widgets ralentizará mi sitio?
No. El plugin solo afecta la interfaz de administración y tiene cero impacto en el rendimiento del frontend.

¿Necesitas un FAQ adaptado a tu sector y mercado? Preparamos una versión alineada con tus objetivos de negocio.

Hablemos

Artículos Relacionados

Compara los temas de bloques y los temas clásicos de WordPress en 2026. Descubre cuando FSE tiene sentido, cuando los temas PHP clásicos siguen ganando y como theme.json cambia el desarrollo de temas.
wordpress

Temás de bloques vs temas clásicos de WordPress en 2026

Compara los temas de bloques y los temas clásicos de WordPress en 2026. Descubre cuando FSE tiene sentido, cuando los temas PHP clásicos siguen ganando y como theme.json cambia el desarrollo de temas.

Aprende a usar bloques Gutenberg, crear patrones sincronizados, aprovechar el directorio de patrones, dominar el full site editing, construir plantillas personalizadas y ampliar tu sitio con los mejores plugins de bloques.
wordpress

Bloques Gutenberg, patrones y full site editing: la guía completa de WordPress (2026)

Aprende a usar bloques Gutenberg, crear patrones sincronizados, aprovechar el directorio de patrones, dominar el full site editing, construir plantillas personalizadas y ampliar tu sitio con los mejores plugins de bloques.

Resumen del WordCamp Europe 2023 en Atenas. Charlas destacadas, WordPress Playground, networking y lo mejor del evento de la comunidad WordPress.
wordpress

WordCamp Europe 2023: Un Triunfo de la Tecnología y la Comunidad

Resumen del WordCamp Europe 2023 en Atenas. Charlas destacadas, WordPress Playground, networking y lo mejor del evento de la comunidad WordPress.