Jak ulepszyć menu nawigacyjne WordPress

Opublikowany: 2023-11-22

Dobrze zorganizowane i zorganizowane menu nawigacyjne jest niezbędne dla każdej witryny internetowej. Pozwala odwiedzającym szybko znaleźć treści, których szukają, poprawiając ogólne wrażenia z przeglądania. W tym samouczku omówimy różne techniki ulepszania i ulepszania menu nawigacyjnego Twojej witryny WordPress.

Spis treści

1. Skorzystaj z menu niestandardowego i ekranu menu wyglądu

WordPress udostępnia wbudowaną funkcję zwaną menu niestandardowym i ekranem menu wyglądu, która umożliwia definiowanie menu nawigacyjnych w witrynie. Ta funkcja jest łatwa w użyciu i umożliwia tworzenie niestandardowych menu zawierających łącza do stron, postów, kategorii w Twojej witrynie lub innych zewnętrznych witryn internetowych. Korzystając z tej funkcji, możesz mieć pełną kontrolę nad strukturą i zawartością swojego menu nawigacyjnego.

2. Dodaj bułkę tartą do nawigacji WordPress

Bułka tarta to przydatne narzędzie nawigacyjne, które zapewnia użytkownikom ścieżkę, którą mogą wrócić do punktu początkowego lub punktu wejścia do Twojej witryny. Zwykle pojawiają się poziomo u góry strony internetowej, pod paskami tytułowymi lub nagłówkami. Bułka tarta składa się z łączy reprezentujących hierarchiczną strukturę witryny.

Aby dodać bułkę tartą do nawigacji WordPress, możesz użyć wtyczek takich jak BreadCrumb NavXT lub Smart Breadcrumbs. Wtyczki te pozwalają dostosować wygląd i funkcjonalność bułki tartej w Twojej witrynie.

3. Dostosuj następne i poprzednie linki WordPress

Domyślnie WordPress wyświetla linki „<< Dalej” i „Poprzednie >>” na dole każdej strony. Jednak ta metoda nawigacji może być nieefektywna dla użytkowników, ponieważ muszą wielokrotnie klikać, aby uzyskać dostęp do określonych stron.

Aby poprawić nawigację i zapewnić bardziej przyjazną dla użytkownika obsługę, możesz użyć wtyczek takich jak WP-PageNavi lub WP-Page Numbers. Wtyczki te tworzą połączoną listę stron z opcjami przechodzenia do określonych stron, ułatwiając odwiedzającym poruszanie się po Twoich treściach.

4. Dodaj następne i poprzednie linki do pojedynczych stron WordPress

Chociaż wyżej wymienione wtyczki usprawniają nawigację na wielu stronach, mogą nie działać w przypadku pojedynczych postów. Możesz jednak zmodyfikować plik „single.php” swojego motywu, aby wyświetlać powiązane tytuły z poprzednimi i następnymi postami.

Dodając następujący kod do pliku „single.php”, możesz wyświetlić widoczne linki do poprzednich i następnych postów:

 <div> <div><?php previous_post_link('&laquo; Post before this: %link') ?><br /></div> <div><?php next_post_link('%link &raquo; Post After This') ?></div> <div></div> </div>

Dostosuj kod zgodnie z projektem motywu, aby linki do poprzedniego i następnego wpisu były bardziej zauważalne dla odwiedzających.

5. Ogranicz dostęp do niektórych stron w oparciu o role użytkowników

Jeśli chcesz ukryć określone strony, posty, niestandardowe typy postów lub kategorie w oparciu o role użytkowników, możesz użyć wtyczki „Strony według roli użytkownika dla WordPress”. Wtyczka ta pozwala ograniczyć dostęp do treści w zależności od roli użytkownika, usuwając strony lub kategorie z wyników wyszukiwania i menu, gdy użytkownik nie jest zalogowany.

Korzystając z tej wtyczki, możesz stworzyć bardziej spersonalizowaną i ukierunkowaną nawigację dla różnych ról użytkowników.

6. Dostosuj fragmenty strony głównej i innych stron

Fragmenty to krótkie podsumowania Twoich postów, które zachęcają czytelników do kliknięcia linku „Czytaj więcej”, aby uzyskać dostęp do pełnej treści. Domyślnie fragmenty można dodawać w polu „Fragment” pod polem treści posta.

Aby utworzyć fragmenty na swojej stronie głównej, możesz użyć wtyczek takich jak Fragmenty strony głównej. Dodatkowo możesz zmodyfikować „pętlę” w swoim motywie i zmienić „_content” na „_excerpt” na wszystkich pozostałych stronach.

Dostosowując wykorzystanie fragmentów, możesz stworzyć bardziej wciągającą i informacyjną nawigację dla odwiedzających.

7. Zaimplementuj nawigację wielostronicową w WordPress

W przypadku dłuższych postów lub artykułów korzystne może być podzielenie treści na wiele stron. WordPress udostępnia funkcję tworzenia postów wielostronicowych za pomocą przycisku nextpage lub szybkiego tagu <!--nextpage--> .

Aby usprawnić nawigację na wielu stronach, możesz skorzystać z wtyczki zestawu narzędzi Multi-page. Ta wtyczka rozszerza funkcjonalność postów wielostronicowych, umożliwiając tworzenie tytułów dla każdej strony, udostępnianie różnych opcji paginacji (poprzednie i następne linki, linki do tytułów stron, linki numerowane) i wyświetlanie całkowitej liczby stron znajdujących się w poście.

8. Wyświetlaj powiązane posty po treści

Wyświetlanie powiązanych postów po treści posta może znacznie zwiększyć zaangażowanie użytkowników i zachęcić odwiedzających do dalszego przeglądania Twoich treści. Dostępnych jest kilka wtyczek automatyzujących wstawianie powiązanych bloków pocztowych.

Wtyczki takie jak „Moje powiązane posty” i „Jeszcze inna wtyczka powiązanych postów (YARPP)” oferują opcje wyświetlania odpowiednich postów w oparciu o różne kryteria i pozwalają dostosować wygląd sekcji powiązanych postów.

9. Prezentuj popularne posty za pomocą wyświetleń postów

Prezentowanie najpopularniejszych postów może przyciągnąć odwiedzających i utrzymać ich zaangażowanie w Twoją witrynę. Wtyczka „WP Post Views” udostępnia widżet na pasku bocznym, który wyświetla najczęściej oglądane posty. Korzystając z tej wtyczki, możesz łatwo zaprezentować swoje najlepsze treści i zachęcić odwiedzających do dalszego przeglądania Twojej witryny.

10. Użyj wtyczek, aby rozszerzyć funkcjonalność nawigacji

WordPress oferuje wiele wtyczek, które mogą ulepszyć i rozszerzyć funkcjonalność menu nawigacyjnego. Niektóre godne uwagi wtyczki obejmują:

  • ConMe: wtyczka umożliwiająca tworzenie grup treści i zarządzanie nimi, co pozwala na łatwą kategoryzację i stylizację treści WordPress.
  • Łatwe niestandardowe typy treści: wtyczka upraszczająca tworzenie niestandardowych typów postów, taksonomii i metaboxów bez konieczności skomplikowanego kodowania.
  • Menedżer typów treści WordPress: wtyczka, która umożliwia łatwe tworzenie niestandardowych typów postów, niestandardowych taksonomii, niestandardowych pól, niestandardowych skrótów i niestandardowych opcji motywu.
  • WP Pre-Advertisement: Wtyczka umożliwiająca wyświetlanie reklam przed wyświetleniem treści wpisu, zapewniając dodatkowe możliwości monetyzacji Twojej witryny.
  • Post Validator: wtyczka, która pomaga zapewnić jakość Twoich postów poprzez weryfikację ich przed publikacją, szczególnie przydatna w przypadku witryn wieloautorskich.
  • Suwak polecanych postów premium: wtyczka umożliwiająca tworzenie suwaków prezentujących Twoją treść, z różnymi opcjami układu i dostosowywania.

11. Ulepsz nawigację w kategoriach za pomocą obrazów

Przypisywanie obrazów do nazw kategorii może poprawić atrakcyjność wizualną menu nawigacyjnego. Możesz zastąpić tekst obrazami kategorii, aby uczynić go bardziej atrakcyjnym wizualnie dla odwiedzających. Wtyczki takie jak Category Icons lub Category Icons Lite umożliwiają przypisanie ikon do kategorii, które będą wyświetlane obok tytułów kategorii w menu nawigacyjnym.

12. Dostosuj nawigację na pasku bocznym

Dostosowanie nawigacji na pasku bocznym może zapewnić dodatkowe elementy nawigacyjne i zapewnić bardziej dostosowane doświadczenie użytkownika. Możesz eksplorować różne opcje, takie jak wyświetlanie niestandardowych typów postów, tworzenie niestandardowych menu lub korzystanie z wtyczek, takich jak iFrameWidgets, w celu dostosowania paska bocznego WordPress.

13. Dostosuj menu administracyjne WordPress

Menu administracyjne WordPress można dostosować, aby poprawić wygodę użytkownika dla administratorów witryn. Wtyczki takie jak Friendly Admin Menu zapewniają bardziej logiczny i łatwy w użyciu interfejs z zakładkami z dużymi ikonami, ułatwiający nawigację po panelu administracyjnym i dostęp do podstawowych ustawień.

Wniosek

Stosując się do tych technik i korzystając z sugerowanych wtyczek, możesz znacznie ulepszyć menu nawigacyjne swojej witryny WordPress. Dobrze zorganizowane i przyjazne dla użytkownika menu nawigacyjne poprawia ogólne doświadczenie przeglądania dla odwiedzających, utrzymując ich zaangażowanie i zachęcając do dalszego odkrywania Twoich treści.

Często zadawane pytania: ulepszanie menu nawigacji

Jak dostosować menu nawigacyjne w WordPress?

Aby dostosować menu nawigacyjne w WordPressie, wykonaj następujące kroki:

1. Zaloguj się do panelu administracyjnego WordPress.
2. Przejdź do „Wygląd” i wybierz „Menu”.
3. Utwórz nowe menu klikając na link „Utwórz nowe menu”.
4. Nazwij swoje menu i kliknij przycisk „Utwórz menu”.
5. Aby dodać pozycje do swojego menu, wybierz żądane strony, posty lub niestandardowe linki z lewej strony i kliknij przycisk „Dodaj do menu”.
6. Uporządkuj elementy menu, przeciągając je i upuszczając w żądanej kolejności.
7. Aby utworzyć podmenu, przeciągnij element menu nieco w prawo poniżej innego elementu. To sprawi, że będzie to pozycja podmenu.
8. Dostosuj etykiety pozycji menu, klikając strzałkę w dół obok każdej pozycji i modyfikując pole „Etykieta nawigacyjna”.
9. Ustaw lokalizację menu, zaznaczając pole obok żądanej lokalizacji w sekcji „Ustawienia menu”.
10. Zapisz zmiany klikając na przycisk „Zapisz menu”.

Otóż ​​to! Twoje menu nawigacyjne powinno być teraz dostosowane do Twoich preferencji.

Jak mogę ulepszyć pasek nawigacyjny?

Aby ulepszyć pasek nawigacyjny, rozważ następujące kroki:

1. Zachowaj prostotę: ogranicz liczbę pozycji menu do najważniejszych. Zaśmiecony pasek nawigacyjny może dezorientować użytkowników i utrudniać im znalezienie tego, czego szukają.

2. Używaj etykiet opisowych: Upewnij się, że pozycje menu mają jasne i zwięzłe etykiety, które dokładnie przedstawiają treść lub sekcje, do których prowadzą. Unikaj ogólnych etykiet, takich jak „Produkty” lub „Usługi”, i bądź konkretny.

3. Nadaj priorytet ważnym stronom: Umieść najważniejsze strony lub sekcje na początku paska nawigacyjnego. Użytkownicy zwykle skupiają się na lewej stronie paska nawigacyjnego, dzięki czemu istnieje większe prawdopodobieństwo, że zobaczą i klikną ważne elementy.

4. Zapewnij łatwy dostęp: Upewnij się, że pasek nawigacyjny jest dobrze widoczny i łatwo dostępny na wszystkich stronach Twojej witryny, najlepiej na górze strony. Użytkownicy nie powinni go szukać ani przewijać, aby go znaleźć.

5. Optymalizuj pod kątem urządzeń mobilnych: Upewnij się, że pasek nawigacyjny jest responsywny i działa dobrze na urządzeniach mobilnych. Rozważ użycie menu hamburgerowego lub innych wzorców nawigacji dostosowanych do urządzeń mobilnych, aby zapewnić płynną obsługę na mniejszych ekranach.

6. Oszczędnie korzystaj z menu rozwijanych: Jeśli masz dużą liczbę podstron lub sekcji, użyj menu rozwijanych, aby je uporządkować. Należy jednak unikać zbyt wielu zagnieżdżonych poziomów, ponieważ może to sprawić, że nawigacja będzie skomplikowana i przytłaczająca.

7. Zapewnij funkcję wyszukiwania: rozważ dodanie paska wyszukiwania do paska nawigacyjnego, aby umożliwić użytkownikom szybkie wyszukiwanie określonej treści, jeśli nie mogą jej znaleźć za pomocą menu.

8. Testuj i analizuj: stale monitoruj zachowania użytkowników i przeprowadzaj testy A/B, aby zoptymalizować pasek nawigacyjny. Zwracaj uwagę na opinie użytkowników i wprowadzaj odpowiednie zmiany.

Pamiętaj, że dobrze zaprojektowany pasek nawigacyjny może znacznie poprawić komfort użytkowania i ogólną użyteczność Twojej witryny.

Co wyróżnia dobre menu nawigacyjne?

Dobre menu nawigacyjne powinno wyglądać:

– Jasne i intuicyjne: upewnij się, że etykiety menu są opisowe i łatwe do zrozumienia, umożliwiając użytkownikom szybką nawigację po Twojej witrynie.
– Zwięzłe: ogranicz liczbę pozycji menu do minimum, najlepiej poniżej 7, aby uniknąć przytłaczania użytkowników.
– Spójny: Zachowaj tę samą strukturę nawigacji na wszystkich stronach swojej witryny, aby zapewnić spójne doświadczenie użytkownika.
– Widoczne: umieść menu nawigacyjne w widocznym miejscu, np. w nagłówku lub pasku bocznym, tak aby było łatwo dostępne na każdej stronie.
– Przyjazny dla urządzeń mobilnych: zoptymalizuj menu nawigacyjne pod kątem urządzeń mobilnych, korzystając z responsywnego projektu lub wdrażając menu mobilne, które jest łatwe w obsłudze na mniejszych ekranach.
– Przyjazny dla wyszukiwarek: używaj linków tekstowych zamiast menu opartych na JavaScript lub Flash, aby mieć pewność, że wyszukiwarki będą mogły indeksować i rozumieć Twoją nawigację.

Jak utworzyć dynamiczne menu nawigacyjne w WordPress?

Aby utworzyć dynamiczne menu nawigacyjne w WordPressie, wykonaj następujące kroki:

1. Zaloguj się do panelu administracyjnego WordPress.
2. Przejdź do „Wygląd” -> „Menu”.
3. Kliknij „Utwórz nowe menu” i nadaj mu nazwę.
4. Z lewej kolumny wybierz strony, kategorie lub niestandardowe linki, które chcesz dodać do swojego menu.
5. Przeciągnij i upuść elementy, aby ułożyć je w żądanej kolejności.
6. Aby menu było dynamiczne zaznacz opcję „Automatycznie dodawaj nowe strony najwyższego poziomu”. Spowoduje to automatyczne dodanie nowych stron do menu po ich utworzeniu.
7. Po dodaniu wszystkich pozycji kliknij przycisk „Zapisz menu”.
8. Aby wyświetlić menu na swojej stronie internetowej, przejdź do zakładki „Zarządzaj lokalizacjami”.
9. Wybierz żądane menu z listy rozwijanej lokalizacji „Menu główne”.
10. Kliknij przycisk „Zapisz zmiany”.

Twoje dynamiczne menu nawigacyjne będzie teraz wyświetlane na Twojej witrynie WordPress, a wszelkie nowe strony najwyższego poziomu zostaną automatycznie dodane do menu.