TechBlogSD - Wszystko do WordPressa i tworzenia stron internetowych
Instrukcje WEB i WordPress, nowości, recenzje motywów i wtyczek

Jak dodać bułkę tartą w witrynie Weebly?

0

Wewnętrzna struktura witryny jest jednym z ważnych czynników SEO, które pomagają Google i innym wyszukiwarkom w łatwym zrozumieniu Twojej witryny. Oprócz łączenia innych stron w witrynie dodanie menu nawigacyjnego może pomóc użytkownikom w przechodzeniu do różnych sekcji. Jeśli nie wiesz o breadcrumb, jest to dodatkowy link nawigacyjny, zazwyczaj wyświetlany na górze strony zawierającej strukturę. Pomaga użytkownikom łatwo przejść do kategorii lub sekcji wyższego poziomu witryny z bieżącej strony.

Powiązane: Jak dodać bułkę tartą w witrynie WordPress?

Przykłady bułki tartej

Poniżej znajduje się przykład tego, jak będą wyglądać okruszki w poziomie i w pionie.

Jak dodać bułkę tartą w witrynie Weebly?

Przykłady bułki tartej

Jak widać, zapewnia względną pozycję bieżącej strony w całej witrynie, coś w rodzaju tablicy „Jesteś tutaj!" na mapie.

Weebly i bułka tarta

Weebly nie oferuje domyślnego elementu nawigacyjnego, który można dodać do Twojej witryny. Możesz jednak użyć niestandardowego CSS/HTML i ręcznie wstawić bułkę tartą na każdej stronie. Tutaj pokażemy Ci sześć różnych elementów nawigacyjnych stylów CSS, które możesz dodać do swojej witryny Weebly.

Uwaga: Pamiętaj, że są to proste i ręczne bułki tarte. Nie jest to część schematu, a zatem wyszukiwarki nie pokażą ich w wynikach wyszukiwania, tak jak witryny WordPress.

Zanim zaczniemy, warunkiem wstępnym dla okruszka chleba jest utrzymanie stron w uporządkowany sposób. Chociaż nie ma potrzeby porządkowania stron zgodnie z bułką tartą, zdecydowanie zalecamy zachowanie wymaganej hierarchii na karcie „Strony” i odpowiednie dostosowanie nawigacji. Wyjaśnimy to za pomocą przykładowej struktury: „Strona główna > Budowa witryny > Weebly > Porady i wskazówki Weebly > Ta strona”. To wymaga pięciu bloków z odpowiednimi linkami, aby utworzyć okruszek chleba.

Breadcrumb używa prostego kodu CSS i HTML, stąd kod CSS należy dodać do arkusza stylów, a kod HTML osadzić na wymaganej stronie. Ponieważ może być konieczne umieszczenie bułki tartej na więcej niż jednej stronie, zaleca się dodanie kodu CSS w sekcji „Motyw > Edytuj HTML / CSS > Style > main.less”, jak pokazano poniżej:

Jak dodać bułkę tartą w witrynie Weebly?

Edycja głównego pliku CSS w Weebly

Kod HTML należy umieścić na stronie za pomocą elementu „ Embed Code ” nad treścią.

Styl 1 i 2

Poniżej okruszki stylu 1 i 2 mają wspólną klasę CSS z niewielkim dodatkiem kodu dla drugiego stylu.

CSS Breadcrumb Style 1

CSS Breadcrumb Style 2

Styl 3, 4, 5 i bonus 6

CSS Breadcrumb Style 3

CSS Breadcrumb Style 4

CSS Breadcrumb Style 5

Bonus CSS Breadcrumb Style 6

Kliknij poniższy przycisk, aby uzyskać kod CSS / HTML dla wszystkich powyższych bułka tarta, a kod CSS jest podświetlony dla każdego stylu.

Do tych okruszków potrzebne są cztery obrazy, które można pobrać poniżej i przesłać na swoją witrynę Weebly. Nie zapomnij zastąpić adresów URL obrazów w CSS własnymi adresami URL.

Uwaga: style bułki tartej 1, 2, 3 i 4 w pobranym CSS reprezentują odpowiednio przykłady 3, 4, 5 i 6, jak pokazano powyżej. Nie zapomnij zastąpić linków do obrazów własnymi adresami URL.

Źródło nagrywania: webnots.com
Leave A Reply

Ta strona korzysta z plików cookie, aby poprawić Twoje wrażenia. Zakładamy, że nie masz nic przeciwko, ale możesz zrezygnować, jeśli chcesz. Akceptuję Więcej szczegółów