TechBlogSD - Alt for WordPress- og WEB -utvikling
WEB- og WordPress -instruksjoner, nyheter, anmeldelser av temaer og plugins

Hvordan legge til brødsmuler i Weebly Site?

10

Intern nettstedstruktur er en av de viktige SEO -faktorene som hjelper Google og andre søkemotorer med å enkelt forstå nettstedet ditt. I tillegg til å koble andre sider på nettstedet ditt, kan det å legge til brødsmulse hjelpe brukerne med å navigere til forskjellige seksjoner. Hvis du ikke vet om brødsmuler, er det en ekstra navigasjonslenker, vanligvis vist på toppen av nettsiden som inneholder strukturen. Det hjelper brukerne med å navigere til kategorier eller seksjoner på det øverste nivået enkelt fra siden.

Relatert: Hvordan legge til brødsmuler på WordPress -nettstedet?

Brødsmuler Eksempler

Nedenfor er et eksempel på hvordan horisontale og vertikale brødsmuler vil se ut.

Hvordan legge til brødsmuler i Weebly Site?

Brødsmuler Eksempler

Som du kan se, gir den den relative posisjonen til den nåværende siden blant hele nettstedet omtrent som et "You are Here!" Pinboard på kartet.

Weebly og Breadcrumb

Weebly tilbyr ikke standard brødsmulelement for å legge det til på nettstedet ditt. Du kan imidlertid bruke tilpasset CSS/HTML og manuelt sette inn brødsmulet på hver side. Her vil vi vise deg seks forskjellige brødsmuler i CSS -stiler som du kan legge til på ditt Weebly -nettsted.

Merk: Husk at dette er enkle og manuelle brødsmuler. Det er ikke en del av skjemaet, og derfor vil søkemotorer ikke vise dem i søkeresultatene som WordPress -nettsteder.

Før vi begynner, er forutsetningen for en brødsmul å beholde sidene dine på en strukturert måte. Selv om det ikke er behov for å ordne sider i henhold til brødsmulingen, anbefaler vi på det sterkeste å opprettholde det nødvendige hierarkiet under "Sider" -fanen og justere navigasjonen deretter. Vi vil forklare med en eksempelstruktur som "Home> Site Building> Weebly> Weebly Tips & Tricks> This Page". Dette trenger fem blokker med tilhørende lenker for å lage en brødsmul.

Brødsmulene bruker enkel CSS- og HTML -kode, derfor skal CSS -koden legges til i stilarket og HTML -koden skal legges inn på den nødvendige siden. Siden du kanskje må plassere brødsmulene på mer enn én side, anbefales det å legge til CSS -koden under "Tema> Rediger HTML / CSS > Stiler> main.less" som vist nedenfor:

Hvordan legge til brødsmuler i Weebly Site?

Redigerer hoved CSS -fil i Weebly

HTML -koden skal settes inn på en side ved hjelp av " Embed Code " -elementet over innholdet.

Stil 1 og 2

Under stil 1 og 2 brødsmuler deler felles CSS -klasse med mindre tillegg av kode for andre stil.

CSS Breadcrumb Style 1

CSS Breadcrumb Style 2

Stil 3, 4, 5 og bonus 6

CSS Breadcrumb Style 3

CSS Breadcrumb Style 4

CSS Breadcrumb Style 5

Bonus CSS Breadcrumb Style 6

Klikk på knappen nedenfor for å få CSS / HTML -kode for alle brødsmulene ovenfor, og CSS -koden er uthevet for hver stil.

Det er fire bilder som kreves for disse brødsmulene som du kan laste ned nedenfor og laste dem opp på ditt Weebly -nettsted. Ikke glem å erstatte bildens nettadresser i CSS med dine egne nettadresser.

Merk: Brødsmuler stil 1, 2, 3 og 4 i den nedlastede CSS representerer henholdsvis eksempel 3, 4, 5 og 6 som vist ovenfor. Ikke glem å erstatte bildelinkene med dine egne nettadresser.

Opptakskilde: www.webnots.com
Leave A Reply

Dette nettstedet bruker informasjonskapsler for å forbedre din opplevelse. Vi antar at du er ok med dette, men du kan velge bort det hvis du ønsker det. jeg aksepterer Mer informasjon