TechBlogSD - Allt för WordPress- och WEB -utveckling
WEB- och WordPress - instruktioner, nyheter, recensioner av teman och plugins

Hur lägger jag till brödsmulor i Weebly -webbplatsen?

5

Intern webbplatsstruktur är en av de viktiga SEO -faktorerna som hjälper Google och andra sökmotorer att enkelt förstå din webbplats. Förutom att länka andra sidor på din webbplats kan tillägg av ströbröd hjälpa användare att navigera till olika sektioner. Om du inte känner till brödsmulan är det ytterligare navigationslänkar som vanligtvis visas ovanpå webbsidan som innehåller strukturen. Det hjälper användare att enkelt navigera till kategorierna eller sektionerna på webbplatsen på webbplatsen från den aktuella sidan.

Relaterat: Hur lägger du till brödsmulor på WordPress -webbplatsen?

Brödsmulsexempel

Nedan följer ett exempel på hur horisontella och vertikala ströbröd kommer att se ut.

Hur lägger jag till brödsmulor i Weebly -webbplatsen?

Brödsmulor Exempel

Som du kan se, ger den den aktuella sidans relativa position bland hela sajten ungefär som en "You are Here!" -Tavla på kartan.

Weebly and Breadcrumb

Weebly erbjuder inte standardbrödsmule element för att lägga den på din webbplats. Du kan dock använda anpassad CSS/HTML och manuellt infoga ströbrödet på varje sida. Här kommer vi att visa dig sex olika CSS -format brödsmulor som du kan lägga till på din Weebly -webbplats.

Obs! Kom ihåg att det här är enkla och manuella ströbröd. Det är inte en del av schemat och därför kommer sökmotorer inte att visa dem i sökresultaten som WordPress -webbplatser.

Innan vi börjar är förutsättningen för en brödsmul att hålla dina sidor strukturerade. Även om det inte finns något behov av att ordna sidor enligt brödsmulan, rekommenderar vi starkt att du behåller den hierarki som behövs under fliken "Sidor" och anpassar din navigering därefter. Vi kommer att förklara med en exempelstruktur som "Home> Site Building> Weebly> Weebly Tips & Tricks> This Page". Detta behöver fem block med motsvarande länkar för att skapa en brödsmul.

Ströbrödet använder enkel CSS- och HTML -kod, därför ska CSS -koden läggas till i stilarket och HTML -koden ska bäddas in på önskad sida. Eftersom du kan behöva placera ströbrödet på mer än en sida rekommenderas att du lägger till CSS -koden under "Tema> Redigera HTML / CSS > Stilar> main.less" enligt nedan:

Redigera huvud -CSS -fil i Weebly

HTML -koden ska infogas på en sida med elementet " Bädda in kod " ovanför innehållet.

Stil 1 & 2

Under stil 1 & 2 ströbröd delar gemensam CSS -klass med mindre tillägg av kod för andra stilen.

CSS Brödsmulstil 1

CSS Breadcrumb Style 2

Style 3, 4, 5 & Bonus 6

CSS Breadcrumb Style 3

CSS Brödsmulstil 4

CSS Brödsmulstil 5

Bonus CSS Breadcrumb Style 6

Klicka på knappen nedan för att få CSS / HTML -kod för alla ovanstående ströbröd och CSS -koden är markerad för varje stil.

Det finns fyra bilder som krävs för dessa ströbröd som du kan ladda ner nedan och ladda upp det på din Weebly -webbplats. Glöm inte att ersätta bildadresserna i CSS med dina egna webbadresser.

Obs! Brödsmulor 1, 2, 3 & 4 i den nedladdade CSS representerar exempel 3, 4, 5 och 6 som visas ovan. Glöm inte att ersätta bildlänkarna med dina egna webbadresser.

Inspelningskälla: www.webnots.com
Leave A Reply

Denna webbplats använder cookies för att förbättra din upplevelse. Vi antar att du är ok med detta, men du kan välja bort det om du vill. Jag accepterar Fler detaljer