Na początku wszystko wygląda niewinnie: kilka podstron, parę usług, kontakt i gotowe. Potem firma dorzuca kolejne oferty, realizacje, informacje i nagle menu strony zaczyna przypominać choinkę po świętach. Co gorsza, publikujesz nową podstronę, zaglądasz na stronę i… cisza. Nie ma jej w nawigacji. WordPress postanowił ją gdzieś schować?
Niekoniecznie. W grę wchodzi sposób zbudowania menu, używany motyw oraz to, czy pracujesz na klasycznym menu, czy na bloku Navigation. Ten drugi daje sporo wygody, ale ma kilka zasad, które warto znać, zanim zaczniesz przesuwać elementy na chybił trafił. Poniżej porządkujemy temat bez kodowania i bez zgadywania, co autor panelu miał na myśli.
Najpierw ustal, z jakim menu masz do czynienia
Zanim ruszysz z przebudową, sprawdź, jak działa obecna nawigacja. To brzmi banalnie, ale właśnie tutaj wiele osób zaczyna od złej strony. WordPress nie zawsze pokazuje każdemu identyczny panel. Ścieżka edycji zależy między innymi od tego, czy strona korzysta z motywu klasycznego, czy blokowego, oraz od wersji WordPressa.
W praktyce możesz trafić na klasyczne menu zarządzane osobno albo na Navigation block edytowany w Edytorze witryny. Zanim zapiszesz zmiany, dobrze też ustalić, która wersja menu jest faktycznie wyświetlana na stronie. Samo znalezienie podobnie wyglądającej nawigacji w panelu nie oznacza jeszcze, że właśnie ją oglądają użytkownicy.
Klasyczne menu kontra edycja witryny
Klasyczne menu WordPressa działa jako osobna struktura, zwykle zarządzana w sekcji przeznaczonej do menu. Navigation block pracuje natomiast jak pozostałe bloki w Edytorze witryny. Pojedyncze elementy można przenosić, edytować, usuwać i układać w większą strukturę.
Nie ma jednej uniwersalnej instrukcji typu „kliknij dokładnie tutaj”, która zadziała na każdej stronie. Motyw może zmienić dostępne miejsca i sposób prezentowania nawigacji. Dlatego przed większą przebudową warto wykonać kopię zapasową albo pracować na środowisku testowym. To mały krok, a może oszczędzić nerwów, gdy menu nagle przestanie wyglądać tak, jak planowałeś.
Navigation block kontra stare menu WordPressa
Najważniejsza różnica jest prosta: w klasycznym menu zarządzasz listą pozycji, a w Navigation block każdy element nawigacji jest osobnym blokiem. Możesz więc pracować z nim podobnie jak z innymi elementami edytora blokowego. Przesuwasz pozycję, zmieniasz jej poziom, dodajesz podmenu albo rozbudowujesz nawigację o dodatkowe elementy.
To daje większą kontrolę nad strukturą i wyglądem menu. Nie oznacza jednak, że stare menu nagle znika. WordPress pozwala zaimportować klasyczne menu do edytora blokowego, ale po konwersji powstaje niezależna wersja blokowa. Oryginalne menu pozostaje osobną strukturą, a późniejsze zmiany w jednej wersji nie powinny być traktowane jako automatycznie przenoszone do drugiej.
Co dzieje się po imporcie klasycznego menu
Import może być wygodnym startem, szczególnie gdy obecna nawigacja ma już sensowną kolejność i podstrony. Trzeba jednak pamiętać, że konwersja nie tworzy stałego połączenia między klasycznym menu a Navigation block. Edytujesz jedną wersję, ale druga nie musi się od tego zmienić.
Po imporcie sprawdź więc, która wersja jest używana przez motyw. Inaczej możesz poświęcić godzinę na dopieszczanie menu, którego nikt na stronie nie zobaczy. To jeden z tych momentów, gdy WordPress nie robi nic „źle”, tylko po prostu nie czyta w myślach właściciela strony.
Jak ułożyć menu firmowej strony, żeby nie było choinki
Najpierw ustal główne pozycje, które mają prowadzić użytkownika przez ofertę. Dopiero później przypisuj do nich bardziej szczegółowe podstrony. Jeśli wszystko wrzucisz na jeden poziom, menu szybko zrobi się długie, męczące i mało czytelne. Jeśli z kolei każdą rzecz schowasz w trzech podmenu, użytkownik będzie potrzebował mapy i kompasu.
Od głównych pozycji do podstron
Zacznij od grup, które wynikają z rzeczywistej struktury firmy: na przykład usług, oferty albo informacji o przedsiębiorstwie. Nie traktuj tego jako sztywnego przepisu dla każdej branży. Chodzi o to, żeby powiązane strony znalazły się pod wspólną pozycją nadrzędną, a nazwy jasno sugerowały, dokąd prowadzą.
Najpierw uporządkuj główny poziom menu, potem przenieś powiązane strony do odpowiednich grup. Na końcu kliknij najważniejsze pozycje i sprawdź, czy prowadzą tam, gdzie powinny. Sama ładna hierarchia nie naprawi błędnego linku. Menu może wyglądać wzorowo, a mimo to wysyłać ludzi na stronę, której już nie ma.
List View jako mapa menu
Przy większej liczbie elementów przydaje się List View. Ten widok pokazuje strukturę nawigacji w uporządkowany sposób, więc łatwiej zauważyć, co jest pozycją główną, co należy do podmenu, a co przypadkiem wylądowało poziom wyżej albo niżej.
Elementy możesz przeciągać, zmieniać ich kolejność i poziom zagnieżdżenia. Lekkie przesunięcie elementu w prawo może sprawić, że stanie się częścią podmenu. Po każdej większej zmianie warto spojrzeć na strukturę jeszcze raz, zamiast ufać, że WordPress idealnie odczytał zamiar.
Podmenu krok po kroku bez grzebania w kodzie
Podmenu przydaje się wtedy, gdy jedna główna pozycja ma kilka powiązanych stron. Zamiast upychać wszystko w głównym pasku, tworzysz grupę pod wybranym elementem. Dzięki temu nawigacja może być krótsza, a użytkownik szybciej zobaczy, jakie informacje kryją się pod daną kategorią.
Add submenu albo Submenu block
W Navigation block możesz użyć opcji Add submenu przy wybranym elemencie. Drugą drogą jest dodanie bloku Submenu pod właściwą pozycją. Obie możliwości służą do zbudowania podrzędnej części nawigacji, a dalsze porządkowanie odbywa się w edytorze blokowym.
Po dodaniu podmenu przenieś do niego odpowiednie elementy i sprawdź poziomy w List View. Nie zakładaj, że każda nowa strona sama trafi w dobre miejsce. Po zapisaniu zmian przejdź przez wszystkie podmenu, kliknij ich pozycje i upewnij się, że prowadzą do właściwych podstron. To nudniejsza część pracy, ale znacznie lepsza niż odkrycie błędu dopiero po publikacji.
Menu mobilne: ustawienia, które naprawdę mają znaczenie
Menu na telefonie nie musi być całkowicie osobnym tworem. Navigation block może zwijać nawigację do ikony na urządzeniach mobilnych albo przy każdym rozmiarze ekranu. Możesz więc zostawić menu rozwinięte na większych ekranach, a na telefonie pokazywać je dopiero po użyciu przycisku.
To ważne, bo wersja desktopowa i mobilna mają inne warunki pracy. Na szerokim ekranie kilka pozycji może wyglądać naturalnie. Na telefonie ta sama lista potrafi zająć pół widoku i utrudnić przejście do treści. Ustawienia mobilne pomagają to uporządkować, ale finalny wygląd nadal może zależeć od motywu i jego stylów.
Overlay, kliknięcie i strzałki
W ustawieniach Navigation block możesz ustawić overlay tylko na urządzeniach mobilnych. Możesz też określić, czy podmenu ma otwierać się po kliknięciu, czy po najechaniu kursorem. Przy elementach zawierających podmenu da się wyświetlić strzałkę, która sygnalizuje, że pod spodem znajduje się kolejny poziom.
Dostępna jest również możliwość pokazania tekstów Menu i Close zamiast samych ikon. To drobiazg, ale czytelny opis bywa pomocny, szczególnie gdy użytkownik nie od razu rozpoznaje ikonę. Po zapisaniu zmian przetestuj oba widoki: komputer i telefon. Sprawdź otwieranie podmenu, zamykanie overlayu, działanie klawiatury oraz przechodzenie do najważniejszych podstron.
Dlaczego nowa podstrona nie pojawiła się w menu
Najczęstsze wyjaśnienie wiąże się z tym, jak Navigation block został utworzony i później edytowany. Przy pierwszym użyciu WordPress może rozpocząć od bloku Page List. Taka lista może wyświetlać opublikowane strony i uwzględniać nowe opublikowane podstrony.
Page List a Page Link blocks
Problem zaczyna się po użyciu opcji Edit. Page List zostaje wtedy zamieniony na indywidualne bloki Page Link. Od tego momentu nowe opublikowane strony nie są już dodawane do menu automatycznie. WordPress nie zgubił strony. Po prostu menu przestało korzystać z listy, która wcześniej mogła ją uwzględnić.
Dlatego po publikacji ważnej podstrony sprawdź nawigację ręcznie. Jeśli strony nie ma, dodaj ją do odpowiedniego poziomu i przypisz do właściwego podmenu. Automatyczne pojawienie się strony nie oznacza zresztą, że trafiłaby do sensownej grupy. Hierarchię warto kontrolować samodzielnie.
Automatyczne strony najwyższego poziomu w klasycznym menu
W klasycznych menu istnieje osobne ustawienie automatycznego dodawania nowych stron najwyższego poziomu. To jednak nie buduje automatycznie pełnej struktury podstron. Nie przypisuje też każdej nowej stronie do odpowiedniego podmenu.
Jeśli korzystasz z klasycznego menu, potraktuj tę funkcję jako pomoc, a nie jako zarządcę całej nawigacji. Po publikacji sprawdź, czy strona pojawiła się w menu, na jakim poziomie trafiła i czy jej miejsce ma sens dla osoby odwiedzającej witrynę.
Krótka checklista przed publikacją zmian
Przebudowa menu nie kończy się w chwili, gdy struktura wygląda dobrze w edytorze. Trzeba jeszcze upewnić się, że zmiany dotyczą właściwej wersji nawigacji i działają na stronie. Kilka prostych kontroli może uchronić przed publikacją menu z pustym linkiem, źle ustawionym podmenu albo wersją, której motyw w ogóle nie używa.
Test przed kliknięciem Publikuj
- Sprawdź, czy edytujesz menu faktycznie używane przez motyw.
- Przejdź przez wszystkie główne pozycje i podmenu.
- Zweryfikuj linki do najważniejszych podstron.
- Przetestuj menu na komputerze i telefonie.
- Sprawdź otwieranie oraz zamykanie mobilnego overlayu.
- Przetestuj działanie klawiatury i przechodzenie do istotnych stron.
Navigation block daje większą kontrolę nad menu, ale nie zwalnia z myślenia. Najpierw ustal, jaki typ nawigacji działa na stronie, potem uporządkuj poziomy i podmenu, a na końcu sprawdź wersję desktopową oraz mobilną. Pamiętaj też o różnicy między Page List a Page Link blocks — od niej zależy, czy nowe strony pojawią się automatycznie.
Masz stronę, sklep albo materiały graficzne, które proszą się o ogarnięcie? Napisz do INB Marketing i zobaczymy, co da się z tym sensownie zrobić.
