¿Cómo agregar rutas de navegación en el sitio Weebly?

Agregar rutas de navegación a un sitio Weebly es un proceso sencillo que implica personalizar el código HTML/CSS de su sitio. Las rutas de navegación son los elementos de navegación que proporcionan una jerarquía de la ubicación de la página actual dentro de su sitio web. A continuación le mostramos cómo puede agregar rutas de navegación a su sitio Weebly:

Paso 1:editar HTML/CSS

Abra el editor del sitio Weebly y vaya a la página donde desea agregar rutas de navegación.

Haga clic en "Editar sitio HTML/CSS" en el menú "Configuración".

Paso 2:Insertar el fragmento de código

En el editor HTML/CSS, localice la etiqueta `` e inserte el siguiente fragmento de código justo antes de ella:

```html

```

Este código crea el elemento contenedor para las rutas de navegación y agrega el enlace de inicio.

Paso 3:Personaliza el enlace de inicio

Reemplace el texto "Inicio" y el enlace "/" en el código con el texto de la página de inicio y la URL de su sitio web real.

Paso 4:Agregar enlaces adicionales

Para agregar enlaces adicionales a las rutas de navegación, agregue más ` Elementos

` con etiquetas `` dentro del elemento `#breadcrumbs-list`, como este:

```html

Categoría

Subcategoría

Nombre del producto

```

Esto creará rutas de navegación que mostrarán la jerarquía desde la página de inicio hasta la página del producto actual.

Paso 5:Dale estilo al pan rallado

Agregue estilos CSS a los elementos `#breadcrumbs` y `#breadcrumbs-list` para controlar la apariencia de las rutas de navegación.

Por ejemplo:

```css

#pan rallado {

antecedentes:#e5e5e5;

relleno:10px;

}

#lista de migas de pan {

pantalla:flexible;

}

#lista de migas de pan li {

margen derecho:10px;

}

```

Esto diseñará las rutas de navegación como una lista horizontal con relleno y un fondo gris claro.

Paso 6:Guardar cambios

Haga clic en el botón "Guardar" para guardar sus cambios.

Ahora, su sitio Weebly tendrá rutas de navegación que mostrarán la jerarquía de la ubicación de la página actual.

Recuerde que puede personalizar aún más la apariencia y funcionalidad de las rutas de navegación modificando el código HTML y CSS según sus necesidades específicas y preferencias de diseño.