Menu nawigacyjne WordPress - jak stworzyć i zarządzać nawigacją strony

Nawigacja to pierwsza rzecz, po której użytkownik ocenia, czy strona jest zrozumiała. Zanim przeczyta jakikolwiek tekst, skanuje menu - żeby sprawdzić, czy trafia we właściwe miejsce i czy znajdzie to, czego szuka. W WordPressie tworzenie menu jest proste, ale wymaga kilku kroków, które wiele osób pomija. Przez to menu albo w ogóle się nie pokazuje, albo działa tylko połowicznie.

Pracuję z WordPressem od ponad dekady i widziałem ten problem setki razy. Klient tworzy menu, patrzy na panel i myśli, że gotowe - a na stronie nadal widać domyślną nawigację albo pustą przestrzeń w nagłówku. W tym poradniku przejdę przez cały proces krok po kroku, łącznie z tym jednym krokiem, który większość poradników pomija.

Czym jest menu nawigacyjne w WordPress

Menu nawigacyjne to lista linków wyświetlana w określonym miejscu strony - najczęściej w nagłówku (header) lub stopce (footer). WordPress przechowuje menu jako osobny obiekt w bazie danych: ma swoją nazwę, listę elementów i przypisanie do lokalizacji w motywie.

Pomyśl o tym jak o tablicy ogłoszeń w biurze. Możesz mieć kilka tablic (kilka menu), każda zawieszona w innym miejscu (lokalizacje motywu). Na każdej tablicy wieszasz to, co chcesz (strony, kategorie, linki). Ale dopóki tablicy nie powiesisz na konkretnym hakow - nie widzi jej nikt wchodzący do biura.

WordPress rozróżnia dwa pojęcia, które warto znać od początku: menu (lista elementów, którą tworzysz) i lokalizacja motywu (miejsce na stronie, gdzie motyw spodziewa się wyświetlić nawigację). Połączenie tych dwóch jest obowiązkowe.

Gdzie znaleźć edytor menu w WordPressie

W klasycznym WordPressie (z klasycznym motywem, nie blokowym) menu zarządzasz przez: Wygląd > Menu w panelu administracyjnym. To stały element panelu, obecny praktycznie od samego początku WordPressa, więc interfejs wygląda podobnie niezależnie od wersji czy motywu.

Jeśli opcji Menu nie ma w sekcji Wygląd, oznacza to jedno z dwóch: używasz motywu blokowego (FSE), który zarządza nawigacją inaczej, albo brakuje Ci odpowiednich uprawnień (sprawdź, czy logujesz się jako Administrator). Motywy blokowe omawiam osobno w dalszej części artykułu.

Krok 1: Tworzenie nowego menu

Po wejściu do Wygląd > Menu widzisz zakładkę "Edytuj menu". Jeśli nie masz jeszcze żadnego menu, od razu pojawi się formularz tworzenia. Jeśli masz już jakieś menu, kliknij link "utwórz nowe menu" widoczny nad formularzem.

Czynności do wykonania:

1. Wpisz nazwę menu w polu "Nazwa menu" (np. "Menu główne" albo "Nawigacja nagłówka"). Ta nazwa jest tylko dla Ciebie - użytkownicy jej nie widzą.
2. Kliknij przycisk "Utwórz menu".

To wszystko na tym etapie. Menu istnieje w bazie, ale jest puste. Czas je wypełnić.

Krok 2: Dodawanie elementów do menu

Po lewej stronie edytora menu widzisz kilka sekcji: Strony, Wpisy, Odnośniki niestandardowe, Kategorie. To źródła, z których możesz dodawać elementy.

Strony to najczęstszy wybór. Rozwiń sekcję, wybierz strony z listy (lub skorzystaj z zakładki "Szukaj") i kliknij "Dodaj do menu".

Kategorie przydają się szczególnie na stronach blogowych lub w sklepach - zamiast linkować do konkretnego wpisu, linkujesz do archiwum kategorii.

Odnośniki niestandardowe służą do linków zewnętrznych (np. do mediów społecznościowych) albo do zakotwiczenia na tej samej stronie (np. #kontakt na stronie głównej).

Po dodaniu elementów pojawiają się po prawej stronie jako lista. Kolejność zmienisz przez przeciąganie.

Krok 3: Tworzenie podmenu i hierarchii

Podmenu to elementy zagnieżdżone pod innym elementem menu. W praktyce wyglądają jako rozwijana lista po najechaniu kursorem (lub kliknięciu na mobile).

Aby stworzyć podmenu w WordPressie, wystarczy przeciągnąć element listy w prawo pod jego przyszłego rodzica. Kiedy element ma wcięcie (przesunięty jest w prawo o kilka pikseli pod innym elementem), WordPress traktuje go jako podmenu.

U jednego z klientów - firmy z branży usług remontowych - zbudowałem menu z pięcioma głównymi usługami i każda miała podmenu z trzema-czterema specjalizacjami. Łącznie około 20 pozycji, ale dzięki hierarchii menu główne miało tylko pięć elementów widocznych od razu.

Krok 4: Przypisanie menu do lokalizacji motywu

To jest ten krok, który większość osób pomija i potem dziwi się, że menu nie działa. Samo stworzenie menu nie wystarczy - musisz wskazać WordPressowi, gdzie na stronie ma je wyświetlić.

W edytorze menu, pod listą elementów, znajdź sekcję "Ustawienia menu". Zobaczysz tam listę lokalizacji zdefiniowanych przez Twój motyw. Typowe nazwy to:

• "Menu główne" / "Primary Menu" - nagłówek strony
• "Menu stopki" / "Footer Menu" - dolna część strony
• "Menu boczne" / "Secondary Menu" - sidebar

Zaznacz odpowiednią lokalizację i kliknij "Zapisz menu". Dopiero teraz menu pojawi się na stronie.

Alternatywna droga: zakładka "Zarządzaj lokalizacjami"

W edytorze menu są dwie zakładki u góry: "Edytuj menu" i "Zarządzaj lokalizacjami". Ta druga to widok, w którym widzisz wszystkie dostępne lokalizacje motywu i możesz przypisać do każdej inne menu z listy. To wygodniejsze, gdy masz kilka menu i kilka lokalizacji do skonfigurowania.

Różnica między zakładkami jest tylko widokowa - efekt jest identyczny. Ja zazwyczaj zaczynam od "Zarządzaj lokalizacjami" na nowych projektach, bo od razu widzę pełny obraz: ile lokalizacji ma motyw i co jest przypisane.

Motywy blokowe (FSE) - inny sposób zarządzania menu

Jeśli używasz tzw. motywu blokowego (Full Site Editing) - takie jak Twenty Twenty-Three, Twenty Twenty-Four, Blocksy z FSE, Kadence z szablonami blokowymi - panel Wygląd > Menu może być niedostępny lub ograniczony.

W takich motywach nawigacją zarządzasz przez Wygląd > Edytor (lub bezpośrednio w Edytorze Witryny). Tam klikasz na obszar nagłówka i edytujesz blok "Nawigacja". Możesz dodawać strony, linki zewnętrzne i tworzyć podmenu - funkcjonalność jest podobna, ale interfejs jest wizualny, drag-and-drop.

Jeśli nie masz pewności, czy Twój motyw jest klasyczny czy blokowy, wejdź do Wygląd > Motywy i kliknij "Szczegóły" przy aktywnym motywie. Blokowe motywy zazwyczaj mają informację "Full Site Editing" lub opcję "Dostosuj" jest zastąpiona przez "Edytor".

Więcej o wyborze odpowiedniego WordPressa do swoich potrzeb - m.in. różnice między hostowaną a samodzielną wersją - opisałem w artykule WordPress.com vs WordPress.org - różnica i co wybrać.

Najczęstsze błędy przy tworzeniu menu WordPress

Po tylu projektach widzę te same błędy w kółko. Oto lista rzeczy, które najczęściej idą nie tak.

Brak przypisania do lokalizacji - opisałem to wyżej, ale warto powtórzyć: to numer jeden. Menu bez przypisanej lokalizacji nie wyświetla się na stronie. Zawsze sprawdź zakładkę "Zarządzaj lokalizacjami" po stworzeniu menu.

Zbyt wiele pozycji w menu głównym - badania dotyczące UX pokazują, że ludzki mózg sprawnie przetwarza mniej więcej 7 elementów naraz. Jeśli Twoje menu główne ma 12 pozycji, użytkownicy przestają je skanować i zaczynają szukać treści przez wyszukiwarkę na stronie. Jeśli masz więcej niż 7 pozycji - przenieś część do podmenu lub stopki.

Za głębokie podmenu na mobile - na telefonach rozwijane menu działa inaczej niż na komputerze. Wiele motywów obsługuje tylko jeden poziom podmenu na małych ekranach. Zanim zbudujesz trzeci poziom zagnieżdżenia, sprawdź, czy motyw to obsłuży i czy użytkownik na telefonie będzie w stanie to kliknąć.

Dodawanie strony głównej przez "Odnośniki niestandardowe" - zdarza się, że ktoś dodaje stronę główną jako link / zamiast wybrać ją z listy stron. To działa, ale traci informację semantyczną o tym, że to strona z systemu WordPress. Zawsze dodawaj strony przez sekcję "Strony" po lewej stronie.

Brak weryfikacji na mobile po zmianach - zawsze po edycji menu wejdź na stronę z telefonu (lub użyj trybu responsywnego w przeglądarce) i sprawdź, czy hamburgermenu działa, czy podmenu się otwiera i czy nic nie wychodzi poza ekran.

Linki w menu a SEO

Menu nawigacyjne to jeden z ważniejszych elementów dla pozycjonowania strony - nie dlatego, że ma jakieś magiczne właściwości, ale z kilku praktycznych powodów.

Po pierwsze, linki w menu to linki wewnętrzne, które pojawiają się na każdej podstronie serwisu. Jeśli link do strony z ofertą jest w menu - ta strona ma dziesiątki lub setki linków wewnętrznych z całej witryny. To ważny sygnał dla wyszukiwarek.

Po drugie, struktura menu mówi wyszukiwarkom, co jest ważne na Twojej stronie. Strony w menu głównym są traktowane jako kluczowe treści witryny.

Po trzecie, logiczna nawigacja zmniejsza współczynnik odrzuceń - użytkownicy zostają dłużej, bo mogą sprawnie poruszać się po stronie. To pośredni sygnał jakości.

Proste zasady: linkuj w menu do stron, na których zależy Ci najbardziej. Używaj naturalnych nazw pozycji ("Oferta" zamiast "Kliknij tutaj"). Nie twórz menu dla robotów - twórz dla ludzi.

Jeśli budujesz stronę od zera i zastanawiasz się, jak zaplanować całą strukturę podstron, zapraszam do kontaktu - od tego zaczyna się każdy projekt strony internetowej.

Kiedy jedno menu to za mało

Typowa strona firmowa ma co najmniej dwa menu: główne w nagłówku i pomocnicze w stopce. To praktycznie standard.

Menu w stopce zawiera zwykle linki pomocnicze: polityka prywatności, regulamin, mapa strony, dane kontaktowe. Te treści są ważne (szczególnie z punktu widzenia prawa i zgodności), ale nie muszą zajmować miejsca w głównej nawigacji.

Jeśli prowadzisz sklep internetowy, możesz potrzebować też osobnego menu dla kategorii produktów - wyświetlanego poziomo pod nagłówkiem. To popularne rozwiązanie w sklepach internetowych, gdzie kategorie są zbyt liczne, żeby zmieścić je w standardowym menu.

Każde menu tworzysz oddzielnie w Wygląd > Menu i przypisujesz do innej lokalizacji. Praca jest identyczna dla każdego z nich.

Najczęstsze pytania

Gdzie w WordPressie dodaje się menu nawigacyjne?

Menu tworzy się w panelu administracyjnym pod Wygląd > Menu. Po nadaniu nazwy menu i kliknięciu 'Utwórz menu' możesz dodawać strony, kategorie, wpisy lub własne linki. Na końcu musisz przypisać menu do lokalizacji motywu i zapisać zmiany.

Dlaczego moje menu nie wyświetla się na stronie mimo że je stworzyłem?

Najczęstsza przyczyna to brak przypisania menu do lokalizacji motywu. W edytorze menu przewiń do sekcji 'Ustawienia menu' i zaznacz odpowiednią lokalizację (np. 'Menu główne' lub 'Header Menu'), a następnie zapisz. Bez tego kroku menu istnieje tylko w bazie danych, ale nie pojawia się na stronie.

Jak dodać podmenu (rozwijane menu) w WordPress?

W edytorze menu (Wygląd > Menu) złap kursorem element, który ma być podmenu, i przeciągnij go delikatnie w prawo pod jego element nadrzędny. Pojawi się wcięcie pokazujące hierarchię. Przy zapisie WordPress wygeneruje odpowiednią strukturę HTML, którą motyw obsługuje jako rozwijane menu.

Ile poziomów podmenu obsługuje WordPress?

WordPress techniczne obsługuje wiele poziomów zagnieżdżenia, ale w praktyce zalecam maksymalnie dwa poziomy - czyli menu główne i jeden poziom podmenu. Głębsze struktury (trzeci i dalszy poziom) są obsługiwane tylko przez część motywów i prawie zawsze sprawiają problemy na urządzeniach mobilnych.

Czy mogę mieć kilka różnych menu na jednej stronie?

Tak, WordPress pozwala tworzyć wiele oddzielnych menu i przypisywać je do różnych lokalizacji motywu. Typowa strona ma menu główne w nagłówku, menu pomocnicze w stopce oraz czasem dodatkowe menu w sidebarze. Każda z tych lokalizacji to osobne menu z własnymi elementami.

Jak dodać link zewnętrzny do menu WordPress?

W edytorze menu (Wygląd > Menu) rozwiń sekcję 'Odnośniki niestandardowe' po lewej stronie. Wpisz pełny adres URL (z https://) i tekst, który ma się wyświetlać w menu, a następnie kliknij 'Dodaj do menu'. Możesz też zaznaczyć opcję otwierania linku w nowej karcie w ustawieniach danego elementu.

Czym różni się menu w klasycznym WordPressie od motywów blokowych?

W klasycznych motywach menu zarządza się przez Wygląd > Menu w panelu administracyjnym. Motywy blokowe (tzw. FSE - Full Site Editing) przenoszą zarządzanie nawigacją do Wygląd > Edytor, gdzie menu buduje się z bloków 'Nawigacja'. Funkcjonalność jest podobna, ale interfejs i sposób działania różnią się znacząco.