TechBlogSD - Kaikki WordPressin ja WEB: n kehittämiseen
WEB- ja WordPress - ohjeet, uutiset, arvostelut teemoista ja laajennuksista

Kuinka lisätä korppujauhoja Weebly -sivustoon?

3

Sivuston sisäinen rakenne on yksi tärkeistä SEO -tekijöistä, jotka auttavat Googlea ja muita hakukoneita ymmärtämään sivustosi helposti. Sen lisäksi, että linkität muita sivustosi sivuja, voit lisätä navigointipalkin avulla käyttäjiä navigoimaan eri osioihin. Jos et tiedä leivänmurusta, se on ylimääräinen navigointilinkki, joka yleensä näkyy rakenteen sisältävän verkkosivun päällä. Se auttaa käyttäjiä siirtymään helposti ylemmän tason luokkiin tai sivuston osiin nykyiseltä sivulta.

Aiheeseen liittyviä: Kuinka lisätä korppujauhoja WordPress -sivustoon?

Breadcrumb Esimerkkejä

Alla on esimerkki siitä, miltä vaaka- ja pystysuorat leivänmurut näyttävät.

Kuinka lisätä korppujauhoja Weebly -sivustoon?

Esimerkkejä korppujauhoista

Kuten näette, se tarjoaa nykyisen sivun suhteellisen sijainnin koko sivuston välillä, kuten "You are here!" -Taulukko kartalla.

Weebly ja Breadcrumb

Weebly ei tarjoa oletusarvoista navigointielementtiä sen lisäämiseksi sivustollesi. Voit kuitenkin käyttää mukautettua CSS/HTML -koodia ja lisätä manuaalisesti kullekin sivulle. Tässä näytämme sinulle kuusi erilaista CSS -tyylistä korppujauhoa, jotka voit lisätä Weebly -sivustoosi.

Huomaa: Muista, että nämä ovat yksinkertaisia ​​ja manuaalisia korppujauhoja. Se ei ole osa kaavaa, joten hakukoneet eivät näytä niitä hakutuloksissa, kuten WordPress -verkkosivustoilla.

Ennen kuin aloitamme, leivänmurun edellytys on pitää sivusi jäsenneltynä. Vaikka sivujen järjestelyä ei tarvitse suorittaa navigointipolun mukaisesti, suosittelemme vahvasti ylläpitämään tarvittavaa hierarkiaa "Sivut" -välilehdessä ja kohdistamaan navigointisi sen mukaan. Selitämme esimerkkirakenteella kuten "Koti> Sivuston rakentaminen> Weebly> Weeblyn vinkit ja temput> Tämä sivu". Tämä tarvitsee viisi lohkoa vastaavilla linkeillä, jotta voidaan luoda navigointipullo.

Leipäkoruissa käytetään yksinkertaista CSS- ja HTML -koodia, joten CSS -koodi lisätään tyylitaulukkoon ja HTML -koodi upotetaan vaaditulle sivulle. Koska saatat joutua sijoittamaan korppujauhoja useammalle kuin yhdelle sivulle, on suositeltavaa lisätä CSS -koodi kohtaan "Teema> Muokkaa HTML / CSS > Tyylit> main.less" alla kuvatulla tavalla:

Kuinka lisätä korppujauhoja Weebly -sivustoon?

CSS -päätiedoston muokkaaminen Weeblyssä

HTML -koodi lisätään sivulle käyttämällä Upota koodi -elementtiä sisällön yläpuolelle.

Tyyli 1 ja 2

Alla tyylin 1 ja 2 korppujauhoilla on yhteinen CSS -luokka ja pieni lisäys koodiin toiselle tyylille.

CSS Breadcrumb Style 1

CSS Breadcrumb Style 2

Tyyli 3, 4, 5 ja bonus 6

CSS Breadcrumb Style 3

CSS Breadcrumb Style 4

CSS Breadcrumb Style 5

Bonus CSS Breadcrumb Style 6

Napsauta alla olevaa painiketta, niin saat CSS / HTML -koodin kaikille yllä oleville korppujauhoille ja CSS -koodi on korostettu kullekin tyylille.

Näitä korppujauhoja varten tarvitaan neljä kuvaa, jotka voit ladata alla ja ladata Weebly -sivustollesi. Muista korvata CSS: n kuvien URL -osoitteet omilla URL -osoitteillasi.

Huomautus: Ladatun CSS : n korpputyylit 1, 2, 3 ja 4 edustavat esimerkkejä 3, 4, 5 ja 6, kuten yllä on esitetty. Muista korvata kuvalinkit omilla URL -osoitteillasi.

Leave A Reply

Tämä verkkosivusto käyttää evästeitä parantaakseen käyttökokemustasi. Oletamme, että olet kunnossa, mutta voit halutessasi kieltäytyä. Hyväksyä Lisätietoja