Personalizar barra lateral Home Assistant | Guía Rápida 2026

Actualizado el 25 de marzo de 2026

La barra lateral es la columna vertebral de la navegación en tu sistema domótico. Una interfaz bien organizada te permite acceder rápidamente a lo que necesitas, haciendo tu experiencia mucho más fluida y eficiente. Si buscas la guía definitiva para personalizar la barra lateral de Home Assistant en 2026, has llegado al lugar indicado. En este tutorial actualizado, te enseñaré no solo a reorganizar los elementos básicos, sino también a llevar la configuración de tu interfaz al siguiente nivel.

Este método es el estándar en las versiones actuales de Home Assistant (incluida la 2026.3) y te permitirá tener un control total sobre el menú principal de tu hogar inteligente. Olvídate del desorden y vamos a configurar la interfaz de Home Assistant para que trabaje para ti.

Ordenar y Ocultar Elementos de la Barra Lateral (Método Básico)

La forma más sencilla de empezar a editar el menú de Home Assistant es utilizando la herramienta nativa que ofrece la interfaz. Esta función es perfecta para realizar ajustes rápidos, como cambiar el orden de los paneles o esconder aquellos que no utilizas con frecuencia.

Sigue estos sencillos pasos para reorganizar tu panel de control:

1. Haz clic en tu nombre de perfil, situado en la esquina inferior izquierda de la pantalla. Esto abrirá tu página de perfil de usuario.
2. Busca y selecciona la opción «Cambiar el orden y ocultar elementos de la barra lateral«.
3. La barra lateral entrará inmediatamente en modo de edición. Verás que los iconos empiezan a temblar ligeramente.

Una vez en el modo de edición, tienes dos opciones principales para configurar la interfaz de Home Assistant:

• Para ocultar elementos: Pulsa el icono de la «X» que aparece junto a cada elemento que no quieras ver. Los elementos ocultados no se eliminan, simplemente se mueven a una sección en la parte inferior llamada «Oculto», desde donde puedes restaurarlos en cualquier momento pulsando el icono «+». Personalmente, siempre oculto el «Navegador de medios» y el «Mapa», ya que no los uso en mi día a día.
• Para ordenar la barra lateral: Simplemente haz clic y arrastra cualquier elemento hacia arriba o hacia abajo para colocarlo en la posición deseada. Prioriza las secciones que más utilizas en la parte superior para un acceso más rápido.

Cuando hayas terminado de ajustar todo a tu gusto, no olvides hacer clic en el botón «HECHO» en la parte superior de la barra lateral para guardar los cambios.

Personalización Avanzada: Añadir Vistas y Enlaces Externos

Si la edición básica no es suficiente, puedes llevar la personalización un paso más allá. Aunque no es posible añadir entidades o dispositivos individuales directamente al menú, sí podemos crear accesos directos a paneles (dashboards) personalizados o incluso a páginas web externas.

Cómo Añadir un Nuevo Panel (Dashboard) a la Barra Lateral

La mejor manera de agrupar dispositivos o sensores relacionados es creando un nuevo panel. Por ejemplo, podrías tener un panel dedicado exclusivamente a la energía, otro a la seguridad y otro al jardín.

1. Ve a Ajustes > Paneles.
2. Haz clic en el botón «Añadir panel«.
3. Dale un Título (ej: «Seguridad») y, si lo deseas, asígnale un Icono de la librería de Material Design Icons (ej: mdi:shield-home).
4. Asegúrate de que la opción «Mostrar en la barra lateral» esté activada.
5. ¡Listo! El nuevo panel aparecerá en tu menú. Ahora solo tienes que entrar en él y empezar a añadir las tarjetas que necesites.

Cómo Añadir un Enlace Web a la Barra Lateral

¿Te gustaría tener un acceso directo a la web de tu router, a un servicio como Grafana o simplemente a tu blog de domótica preferido? Puedes hacerlo utilizando la integración panel_iframe. Esto requiere editar tu archivo configuration.yaml.

Añade el siguiente código a tu configuration.yaml. Si no estás familiarizado con este lenguaje, te recomiendo leer nuestra introducción a YAML.

panel_iframe:
  router:
    title: "Mi Router"
    url: "http://192.168.1.1"
    icon: "mdi:router-wireless"
    require_admin: true

En este ejemplo:

• router: Es el identificador único. Puedes cambiarlo.
• title: El nombre que aparecerá en la barra lateral.
• url: La dirección de la página web.
• icon: El icono que se mostrará.
• require_admin: Si se establece en true, solo los administradores podrán ver este elemento.

Después de guardar el archivo, recuerda ir a Herramientas para desarrolladores > YAML y hacer clic en «Comprobar configuración» y luego en «Reiniciar» (solo la recarga de YAML no es suficiente para esta integración).

Preguntas Frecuentes (FAQ) sobre la Barra Lateral

¿Puedo añadir una entidad o un dispositivo directamente a la barra lateral?

No directamente. La barra lateral está diseñada para enlazar a paneles o vistas completas. La solución es crear un nuevo panel, como se explicó anteriormente, y añadir una tarjeta que muestre únicamente esa entidad o dispositivo.

He ocultado un elemento por error, ¿cómo lo recupero?

Vuelve al modo de edición de la barra lateral (desde tu perfil de usuario). En la parte inferior, verás una sección «Oculto» con todos los elementos que has quitado. Simplemente pulsa el icono «+» junto al que quieras restaurar y volverá a aparecer en la lista principal.

¿Por qué algunos iconos de la barra lateral los añaden las Apps?

Home Assistant tiene una arquitectura modular. Al instalar ciertas Apps (anteriormente conocidos como Add-ons), como pueden ser Zigbee2MQTT, Node-RED o ESPHome, estas pueden añadir su propia interfaz web como un nuevo elemento en la barra lateral para facilitar su acceso. Estos elementos también se pueden reordenar y ocultar como cualquier otro.

¿Es posible cambiar los iconos de elementos nativos como ‘Historial’ o ‘Registro’?

No, los iconos de los elementos integrados en el núcleo de Home Assistant no se pueden modificar a través de la interfaz de usuario. Solo puedes personalizar los iconos de los paneles que tú creas.