Tiempo de lectura: 2 minutos

Las migas de pan le brindan una descripción general útil del elemento y la jerarquía preestablecida y le permiten navegar rápidamente a ciertos elementos.

Al principio, siempre verás la página en la que te encuentras (en este caso, ”  Inicio “). Si haces clic en cualquier elemento de tu página, verás la jerarquía de los elementos anidados. Los elementos principales siempre están a la izquierda. Esto te permite navegar a todos los elementos, incluso a aquellos a los que no podrías acceder haciendo clic en el editor porque están superpuestos. En este ejemplo, hicimos clic en una imagen (indicada por su borde naranja y es el elemento más a la derecha en la ruta de navegación). 

También verá las clases que están asociadas a los elementos en azul después del tipo de elemento. 

Al hacer doble clic en un elemento, se abrirá su configuración. También puede desplazarse por las rutas de la jerarquía con las teclas [ARRIBA] y [ABAJO]. Al pulsar [ENTER], también se abrirá la configuración del elemento.

Cada elemento tiene su propio ID. Puedes copiarlo al portapapeles mediante el menú contextual (haz clic derecho en cualquier parte del editor y haz clic en ” Copiar ID de elemento” para obtener el ID del elemento situado más a la derecha en la ruta de navegación).

Los pequeños iconos junto al nombre del elemento indicarán algunas características especiales de este elemento:

• Icono de paleta de colores  : este es el  contenedor principal de un ajuste preestablecido, por ejemplo, el encabezado, el pie de página o cualquier elemento prediseñado.
• Icono de estrella : Este elemento tiene una animación.
• Icono de imagen: Este elemento tiene una imagen de fondo en este contenedor
• Icono de enlace : Este  elemento está vinculado a algo.

Las migas de pan también son útiles para mantener diseños limpios. Permite identificar fácilmente varios contenedores dentro de otros y determinar si todos son realmente necesarios.

Este artículo es una traducción del original en inglés titulado “Breadcrumbs” publicado por Sitejet.