Jak dodać bułkę tartą w WordPress

Breadcrumbs może pomóc Ci ulepszyć nawigację w Twojej witrynie, więc jeśli szukasz łatwego sposobu na włączenie ich w swojej witrynie, jesteś we właściwym miejscu. W tym przewodniku pokażemy, jak dodać bułkę tartą w WordPressie za pomocą wtyczek i opcji motywu.

Czym są bułka tarta?

Bułka tarta to linki, które pojawiają się na górze Twojej strony. Są to połączone linki , które stanowią ważną część nawigacji w witrynie. Linki te są ułożone hierarchicznie, dzięki czemu użytkownicy nie tylko będą wiedzieć, na jakiej stronie się znajdują, ale także dowiadują się, w jakich kategoriach stron się znajdują. Na przykład na naszej stronie możesz zobaczyć bułkę tartą u góry tej strony.

Bułka tarta pomaga użytkownikom przeglądać hierarchię stron, które przeglądają w witrynie i uzyskiwać połączone linki, aby wrócić do wyższych stron lub bezpośrednio do strony głównej.

Po co dodawać bułkę tartą do WordPressa?

Dodanie bułki tartej to doskonała opcja dla tych, którzy chcą poprawić nawigację w swojej witrynie . Ponieważ zasadniczo działa jako ślad, użytkownicy mogą z łatwością go używać do cofania się do poprzednich stron i śledzenia, na której stronie się znajdują. Prowadzi to do większego zaangażowania i informuje odwiedzających o kategorii przeglądanych stron.

Dodatkowo dodanie bułki tartej jest niezbędne, jeśli masz dużą witrynę internetową. Jeśli prowadzisz sklep eCommerce lub Twoje treści są dystrybuowane w różnych kategoriach, konieczne jest włączenie bułki tartej. Dzięki temu Twoi klienci wiedzą, jakie produkty znajdują się w każdej kategorii i do jakich kategorii mogą wrócić, aby zobaczyć więcej podobnych produktów.

Co więcej, włączenie bułki tartej poprawia również SEO Twojej witryny, ponieważ ułatwia robotom wyszukiwarek przeglądanie połączonych linków.

Teraz, gdy lepiej rozumiemy, czym one są i jakie mogą przynieść Ci korzyści, zobaczmy, jak możesz dodać bułkę tartą do swojej witryny WordPress i różne metody , których możesz w tym celu użyć.

Jak dodać bułkę tartą w WordPress

Istnieje kilka różnych metod dodawania bułki tartej do witryny WordPress:

1. Korzystanie z SEO Yoast
2. Z dedykowanymi wtyczkami breadcrumb
3. Z twojego motywu

Przyjrzyjmy się każdej metodzie.

UWAGA : Niektóre z tych metod wymagają zmodyfikowania niektórych podstawowych plików. Mimo że fragmenty są bardzo proste, aby uniknąć problemów, zdecydowanie zalecamy użycie motywu potomnego. Dzięki temu proces wprowadzania zmian w motywie jest znacznie bezpieczniejszy i nie spowoduje cofnięcia zmian po zaktualizowaniu motywu. Możesz utworzyć motyw podrzędny lub użyć dowolnej z tych dedykowanych wtyczek.

1) Jak dodać bułkę tartą do WordPressa za pomocą Yoast SEO

YoastSEO jest jedną z najpopularniejszych wtyczek i jest kompletnym rozwiązaniem SEO dla WordPress. Jest również wyposażony w dedykowaną opcję włączania bułki tartej i zaawansowane opcje, aby dalej ją dostosowywać. Obejmuje to zmianę separatorów linków, tekst zakotwiczenia na stronie głównej, okruszki nawigacyjne na stronie 404, dodatkowe opcje personalizacji, a nawet pokazywanie lub ukrywanie taksonomii i archiwów typów zawartości w okruszku nawigacyjnym.

Aby uzyskać dostęp i włączyć ustawienia bułki tartej w Yoast, przejdź do Yoast SEO> Wygląd wyszukiwania na pulpicie nawigacyjnym administratora WordPress (zakładając oczywiście, że masz już zainstalowaną i aktywowaną wtyczkę Yoast SEO).

Następnie przejdź do zakładki Breadcrumbs , a zobaczysz opcje Breadcrumbs w Yoast SEO. Przewiń w dół, włącz opcję Włącz BreadCrumbs dla swojego motywu i zapisz zmiany.

Następnie musisz dodać małą linijkę kodu do pliku headers.php , aby plik motywu wywoływał bułkę tartą Yoast SEO w nagłówku Twojej witryny.

Aby to zrobić, otwórz edytor motywów, klikając Wygląd > Edytor motywów . Następnie użyj listy plików motywów po prawej stronie i wybierz nagłówek motywu.

Teraz użyj edytora i wklej następujący fragment na końcu pliku header.php .

 <?php
if ( function_exists('yoast_breadcrumb')) {
yoast_breadcrumb( '<p>','</p>' );
}
?> 

Następnie naciśnij Aktualizuj plik i gotowe! Teraz powinieneś być w stanie używać bułki tartej Yoast SEO.

Pamiętaj, aby sprawdzić dodatkowe opcje w zakładce bułka tarta, aby dostosować bułkę tartą tak, jak chcesz. Yoast pozwala zrobić to wszystko stamtąd i jest kompatybilny z większością motywów WooCommerce.

2) Jak dodać bułkę tartą do WordPressa za pomocą dedykowanych wtyczek

Alternatywnie, jeśli nie chcesz korzystać z Yoast SEO, możesz użyć wtyczek innych firm. W tej sekcji przyjrzymy się kilku doskonałym wtyczkom, których możesz użyć, aby dodać bułkę tartą do swojej witryny WordPress. Wszystkie te wtyczki są bezpłatne , więc możesz je przetestować i wybrać odpowiednią dla siebie, nie wydając ani grosza.

1) Elastyczny bułka tarta

Flexy BreadCrumb pozwala łatwo włączyć bułkę tartą w Twojej witrynie za pomocą dedykowanego kodu skróconego. Po prostu zainstaluj i aktywuj wtyczkę i użyj jej skrótu w dowolnej części swojej witryny: na stronach, blogach, widżetach, nagłówkach lub stopkach. W ten sposób możesz dodać bułkę tartą do dowolnej sekcji witryny, tak aby pasowała do reszty treści.

Ta bezpłatna wtyczka zawiera również dedykowane opcje personalizacji, dzięki czemu możesz zmieniać separatory w menu nawigacyjnym, tekst początkowy i końcowy, kolory, opcje kolorów linków i wiele więcej.

Kluczowe cechy

• Dedykowany shortcode do dodawania bułki tartej do dowolnej części witryny
• Mnóstwo opcji personalizacji
• Bardzo przyjazny dla użytkownika i łatwy w użyciu

2) bułka tarta NavXT

Breadcrumb NavXT to pełne i solidne rozwiązanie umożliwiające w pełni funkcjonalne bułkę tartą. Jest to jedna z najpopularniejszych wtyczek Breadcrumb i nie bez powodu. Możesz łatwo włączyć bułkę tartą za pomocą dedykowanego widżetu lub wywołując jego funkcję bezpośrednio w nagłówkach, stopkach lub określonych szablonach stron za pomocą plików WordPress.

Wtyczka zawiera również wbudowane opcje dostosowywania bułki tartej, a sama liczba dostępnych opcji jest po prostu zdumiewająca. Możesz skonfigurować oddzielne szablony dla swoich blogów, postów i eksperymentować z kreatywnymi sposobami wyróżniania bułki tartej w różnych częściach witryny.

Kluczowe cechy

• Rozbudowana personalizacja bułki tartej i dostosowywanie szablonów
• Dedykowane widżety, aby włączyć bułkę tartą w dowolnym miejscu na Twojej stronie
• Dodatkowe funkcje dla użytkowników do dodawania funkcji i filtrów

3) Złap bułkę tartą

Catch BreadCrumb to fajna, lekka wtyczka, która pozwala dodać nawigację w trybie breadcrumb do Twojej witryny. Możesz szybko włączyć bułkę tartą i przejść dalej, korzystając z dedykowanych opcji shortcode i personalizacji.

Catch BreadCrumbs nie jest najbardziej zacięty, jeśli chodzi o funkcje, ale jego dobrze zaprojektowany pakiet opcji ma wszystkie potrzebne funkcje bez przytłaczania, pozwalając nawet najbardziej początkującym użytkownikom na skonfigurowanie bułki tartej w ciągu kilku minut . Na koniec możesz dodać eleganckie bułkę tartą i użyć fajnych opcji, takich jak ukrywanie bułki tartej na stronie głównej.

Kluczowe cechy

• Lekki i prosty w użyciu
• Responsywny projekt z mnóstwem opcji personalizacji
• Opcje ukrywania/pokazywania bułki tartej na stronie głównej lub określonych stronach

Teraz spójrzmy na jedną z tych wtyczek i zobaczmy, jak możesz je włączyć w swojej witrynie. W tym demo użyjemy Flexy BreadCrumbs , ale możesz użyć dowolnego innego narzędzia. Większość narzędzi jest podobna, więc powinieneś być w stanie wykonać te kroki dla większości wtyczek bez żadnych problemów. Zalecamy jednak, aby mieć pod ręką dokumentację, aby rozwiązać wszelkie problemy, które możesz napotkać po drodze.

Dodaj bułkę tartą do WordPressa za pomocą Flexy bułki tartej

Zacznijmy od zainstalowania wtyczki, więc w panelu administratora WordPress przejdź do Wtyczki > Dodaj nowy. Następnie użyj paska wyszukiwania w prawym górnym rogu, aby wyszukać Flexy BreadCrumbs , kliknij Zainstaluj, a następnie aktywuj go .

Zobaczmy teraz, jak skonfigurować i dostosować wtyczkę.

Używanie skrótu Flexy BreadCrumbs i dodawanie go do plików motywów

Najłatwiejszym sposobem użycia Flexy BreadCrumbs jest po prostu użycie jego krótkiego kodu :

 [flexy_bułka tarta]

Możesz dodać ten krótki kod do dowolnego bloga, strony lub widżetu, aby wyświetlić na nim swoją bułkę tartą.

Na przykład, jeśli chcesz wyświetlić bułkę tartą na blogu lub stronie produktu, po prostu dodaj do niego ten krótki kod, jak pokazano poniżej.

Z drugiej strony, jeśli chcesz, aby bułka tarta pojawiała się na wszystkich Twoich stronach i postach bez ręcznego ich dodawania, możesz dodać ten krótki kod do plików motywów .

Aby to zrobić, otwórz edytor motywów , klikając Wygląd > Edytor motywów , użyj paska bocznego Pliki motywów po prawej stronie i wybierz plik header.php .

Teraz na dole pliku dodaj następujący fragment:

 <?php
echo do_shortcode('[flexy_breadcrumb]');
?> 

Pamiętaj, że jeśli używasz innej wtyczki shortcode, zamiast tego zastąpisz sekcję [flexy_breadcrumb] wtyczki shortcode swojej wtyczki.

Następnie kliknij Aktualizuj plik , a Twoje menu nawigacyjne zostaną wyświetlone w Twojej witrynie.

Ale co, jeśli chcesz dostosować bułkę tartą do swojej witryny? Możesz to zrobić, korzystając z opcji wtyczki. Po prostu kliknij Flexy Breadcrumb na pasku bocznym WP Admin Dashboard , a zobaczysz wszystkie opcje dostosowywania, aby zmienić bułkę tartą. Obejmuje to zmianę ikony domu, separatora bułki tartej, hierarchii post-typów, a nawet ustawień typografii.

3) Jak dodać bułkę tartą do WordPressa ze swojego motywu (lub je usunąć)

Niektóre motywy mają własne dedykowane opcje nawigacyjne i zazwyczaj można je włączyć/wyłączyć w opcjach motywu. Na przykład w przypadku motywu Elf możemy przejść do opcji motywu , przechodząc do zakładki Wygląd > Dostosuj > Dedykowane opcje motywu , która jest dla nas oznaczona jako Opcje motywu wróżek . Tam klikamy bułkę tartą i włączamy/wyłączamy je za pomocą dostarczonego przełącznika.

Niektóre motywy zawierają również dodatkowe opcje umożliwiające dostosowanie bułki tartej do wyglądu i stylu Twojej witryny.

Bonus: Jak wyłączyć bułkę tartą?

Niektóre motywy mają domyślnie włączone bułkę tartą, więc aby je wyłączyć, musisz dodać funkcję do plików motywów. Na przykład Storefront zawiera dedykowane okruszki, które można wyłączyć za pomocą następującego kodu:

 add_action( 'init', 'ql_remove_storefront_breadcrumbs' );
funkcja ql_remove_storefront_bułka tarta() {
remove_action( 'storefront_before_content', 'woocommerce_breadcrumb', 10 );
}

Po prostu dodaj to do pliku functions.php , przechodząc do Wygląd > Edytory motywów > functions.php .

Następnie pamiętaj, aby zaktualizować plik i to wszystko. Pomyślnie usunąłeś bułkę tartą ze swojej witryny.

Wniosek

Podsumowując, bułka tarta może pomóc poprawić nawigację w witrynie i poprawić wrażenia klientów.

W tym przewodniku widzieliśmy różne sposoby dodawania bułki tartej do witryny WordPress :

• Korzystanie z opcji menu nawigacyjnego Yoast SEO
• Z dedykowaną wtyczką
• Poprzez opcje Twojego motywu (jeśli je zawiera)

Dodatkowo pokazaliśmy, jak łatwo usunąć bułkę tartą ze swojej witryny za pomocą prostego fragmentu kodu. Na koniec pamiętaj, że może być konieczne ponowne dodanie fragmentu kodu, aby dodać bułkę tartą, jeśli zmienisz motyw.

Aby uzyskać więcej informacji na temat dostosowywania witryny i ulepszania jej nawigacji, zapoznaj się z następującymi samouczkami:

• Jak edytować bułkę tartą w WordPress
• Jak organizować produkty WooCommerce według marki?
• Jak dodać kategorie produktów WooCommerce do menu?

Czy dodałeś do swojej witryny bułkę tartą? Jakiej metody użyłeś? Daj nam znać w sekcji komentarzy poniżej!