Hur lägger man till brödsmulor på Weebly Site?

Att lägga till brödsmulor till en Weebly-webbplats är en enkel process som innebär att du anpassar webbplatsens HTML/CSS-kod. Brödsmulor är navigeringselementen som ger en hierarki av den aktuella sidans plats på din webbplats. Så här kan du lägga till brödsmulor på din Weebly-webbplats:

Steg 1:Redigera HTML/CSS

Öppna Weeblys webbplatsredigerare och gå till sidan där du vill lägga till brödsmulor.

Klicka på "Redigera webbplats HTML/CSS" från menyn "Inställningar".

Steg 2:Infoga kodavsnittet

I HTML/CSS-redigeraren letar du upp taggen `` och infogar följande kodavsnitt precis före den:

```html

```

Den här koden skapar containerelementet för brödsmulorna och lägger till hemlänken.

Steg 3:Anpassa hemlänken

Ersätt texten "Hem" och länken "/" i koden med din faktiska hemsidas hemsidas text och URL.

Steg 4:Lägg till ytterligare länkar

För att lägga till ytterligare länkar till brödsmulorna, lägg till mer `

`-element med ``-taggar inuti elementet `#breadcrumbs-list`, så här:

```html

Kategori

Underkategori

Produktnamn

```

Detta kommer att skapa brödsmulor som visar hierarkin från startsidan till den aktuella produktsidan.

Steg 5:Forma brödsmulorna

Lägg till CSS-stilar till elementen `#brödsmulor` och `#brödsmulor-lista` för att styra utseendet på brödsmulorna.

Till exempel:

``` css

#brödsmulor {

bakgrund:#e5e5e5;

stoppning:10px;

}

#brödsmulor-lista {

display:flex;

}

#brödsmulor-lista li {

marginal-höger:10px;

}

```

Detta kommer att utforma brödsmulorna som en horisontell lista med stoppning och en ljusgrå bakgrund.

Steg 6:Spara ändringar

Klicka på knappen "Spara" för att spara dina ändringar.

Nu kommer din Weebly-webbplats att ha brödsmulor som visar hierarkin för den aktuella sidans plats.

Kom ihåg att du ytterligare kan anpassa brödsmulornas utseende och funktionalitet genom att modifiera HTML- och CSS-koden enligt dina specifika behov och designpreferenser.