Comment ajouter du fil d'Ariane sur le site Weebly ?

Étape 1 :Modifier le HTML/CSS

Ouvrez l'éditeur de site Weebly et accédez à la page sur laquelle vous souhaitez ajouter le fil d'Ariane.

Cliquez sur "Modifier le site HTML/CSS" dans le menu "Paramètres".

Étape 2 :Insérer l'extrait de code

Dans l'éditeur HTML/CSS, localisez la balise `` et insérez l'extrait de code suivant juste avant :

```html

```

Ce code crée l'élément conteneur pour le fil d'Ariane et ajoute le lien d'accueil.

Étape 3 :Personnaliser le lien d'accueil

Remplacez le texte « Accueil » et le lien « / » dans le code par le texte et l'URL de la page d'accueil de votre site Web.

Étape 4 :Ajouter des liens supplémentaires

Pour ajouter des liens supplémentaires au fil d'Ariane, ajoutez plus ` Éléments

```

Cela créera un fil d'Ariane qui montrera la hiérarchie depuis la page d'accueil jusqu'à la page produit actuelle.

Étape 5 :Styliser le fil d'Ariane

Ajoutez des styles CSS aux éléments `#breadcrumbs` et `#breadcrumbs-list` pour contrôler l'apparence du fil d'Ariane.

Par exemple:

```css

#fil d'Ariane {

arrière-plan :#e5e5e5 ;

remplissage : 10 px ;

}

#liste-fils d'Ariane {

affichage :flexible;

}

#liste-fils d'Ariane li {

marge droite :10 px ;

}

```

Cela stylisera le fil d'Ariane sous la forme d'une liste horizontale avec un remplissage et un arrière-plan gris clair.

Étape 6 :Enregistrer les modifications

Cliquez sur le bouton "Enregistrer" pour enregistrer vos modifications.

Désormais, votre site Weebly aura un fil d'Ariane qui affichera la hiérarchie de l'emplacement de la page actuelle.

N'oubliez pas que vous pouvez personnaliser davantage l'apparence et les fonctionnalités du fil d'Ariane en modifiant le code HTML et CSS en fonction de vos besoins spécifiques et de vos préférences de conception.