Menu hamburgerowe na telefonie często wygląda jak przypadkowy panel z szablonu. Klikasz trzy kreski i dostajesz listę linków, która niby działa, ale niekoniecznie pomaga szybko znaleźć ofertę, kontakt albo najważniejszą podstronę. A przecież na małym ekranie każdy dodatkowy krok potrafi zirytować bardziej niż komunikat „proszę skontaktować się z administratorem”.
WordPress 7.0 daje tu więcej swobody. Nakładka menu mobilnego WordPress może być budowana z bloków i wzorców, więc nie musi ograniczać się do klasycznej listy linków. Możesz dopasować ją do marki, dodać logo, wyszukiwarkę czy wezwanie do działania. Ważne: funkcja jest opcjonalna i nie włącza się automatycznie identycznie na każdej stronie. Poniżej sprawdzamy, co da się zrobić, jak zweryfikować obsługę przez motyw i jak nie zamienić menu w choinkę z ozdobami.
Menu hamburgerowe nie musi wyglądać jak przypadkowy panel z szablonu
Dobra nawigacja mobilna powinna działać jak drogowskaz. Użytkownik otwiera menu i od razu widzi, dokąd może pójść: do oferty, kontaktu, informacji o firmie albo innej ważnej części witryny. Nie powinien przedzierać się przez przypadkowy zbiór dodatków, tekstów i ikon, żeby znaleźć podstawowy link.
Właśnie dlatego warto zainteresować się funkcją nakładka menu mobilnego WordPress w wersji 7.0. Nakładka może stać się spójnym elementem strony, a nie tylko wysuwanym panelem z gotowego motywu. Można ją układać z bloków i wzorców, zmieniać jej zawartość oraz dopasowywać ją do sposobu, w jaki użytkownicy korzystają z witryny.
Nie oznacza to jednak, że sama aktualizacja zrobi całą robotę. Personalizowane nakładki są opcjonalne. Ich dostępność zależy między innymi od motywu, Site Editora i możliwości edycji szablonów. Najpierw warto więc sprawdzić konfigurację, a dopiero potem planować wielką przebudowę menu.
Co nowego daje Navigation Overlay w WordPressie 7.0?
Navigation Overlay to konfigurowalna nakładka mobilnej nawigacji powiązana z blokiem Navigation. Jest częścią szablonu i może być edytowana w Site Editorze. Zamiast traktować menu jak zamknięty element motywu, możesz zbudować jego układ z bloków oraz wzorców. To daje większą kontrolę nad zawartością i wyglądem.
Z poziomu ustawień bloku Navigation można utworzyć nową nakładkę, wybrać już istniejącą albo skorzystać z wersji dostarczonej przez motyw. WordPress 7.0 udostępnia również gotowe wzorce. Są wśród nich między innymi układy wyśrodkowane, warianty z dodatkowymi elementami, akcentowym tłem albo czarnym tłem. Nie musisz więc zaczynać od pustego układu i zastanawiać się, gdzie postawić każdy klocek.
Nakładka to coś więcej niż lista linków
Standardowe zachowanie nakładki nadal może działać bez własnego, rozbudowanego układu. Nowa funkcja nie zmusza do przebudowy każdego menu. Daje po prostu dodatkową opcję tym, którzy chcą potraktować mobilną nawigację jako fragment całej witryny.
Blok Navigation działa z motywami blokowymi oraz z motywami obsługującymi edycję szablonów. W ustawieniach można sterować zachowaniem menu na mniejszych ekranach i zdecydować, kiedy pojawia się ikona menu. Jeśli w Twojej konfiguracji nie ma odpowiednich opcji, przyczyną może być motyw, tryb klasyczny albo ograniczenia edytora. Sam numer wersji WordPressa nie gwarantuje identycznej obsługi.
Logo, kontakt i wyszukiwarka — co można wrzucić do nakładki?
Tu zaczyna się najciekawsza część. Nakładka może zawierać nie tylko klasyczną nawigację, ale też logo witryny, pole wyszukiwania, ikony społecznościowe oraz wezwanie do działania. Możliwe są również kolumny, tekst i własny przycisk zamykania. Innymi słowy: menu może być bardziej dopasowane do marki i potrzeb użytkownika.
Czy zmieści się w nim logo? Tak. Czy może pojawić się przycisk kontaktu? Tak, ale warto precyzyjnie nazwać rzecz po imieniu. Źródła potwierdzają możliwość dodawania CTA, czyli wezwania do działania, ale nie opisują osobnego, dedykowanego bloku o nazwie „przycisk kontaktu”. W praktyce taki element można zbudować ze standardowego bloku przycisku lub innego CTA prowadzącego do kontaktu, telefonu, wiadomości albo formularza.
Nie dokładaj jednak wszystkiego tylko dlatego, że się da. Logo może pomóc rozpoznać markę, wyszukiwarka przyda się tam, gdzie użytkownik szuka konkretnej treści, a ikony społecznościowe mają sens wtedy, gdy są częścią realnej ścieżki użytkownika. Każdy element powinien odpowiadać na pytanie: „Czy to ułatwia przejście do ważnego miejsca?”.
Prosty zestaw startowy dla małej firmy
Na początek wystarczy prosty układ:
- logo marki oraz najważniejsze linki nawigacyjne,
- jedno główne CTA prowadzące do kontaktu albo innego kluczowego miejsca,
- widoczny przycisk zamykania, żeby użytkownik bez zgadywania wrócił do treści.
Taki zestaw nie próbuje upchnąć całej strony w jednym panelu. Daje użytkownikowi podstawową orientację i nie konkuruje z głównymi linkami. Dopiero później można sprawdzić, czy wyszukiwarka, ikony albo dodatkowy tekst rzeczywiście coś poprawiają w nawigacji.
Jak sprawdzić, czy Twój motyw to obsługuje?
Zacznij od kilku prostych kroków. Nie trzeba od razu zaglądać do kodu ani robić ekspedycji archeologicznej po ustawieniach. Najpierw sprawdź, czy witryna korzysta z WordPressa 7.0. Potem zobacz, jakie możliwości daje używany motyw: czy udostępnia Site Editora albo edycję szablonów.
Następnie otwórz blok Navigation i poszukaj ustawień związanych z Overlay. Sprawdź, czy pojawia się opcja utworzenia własnej nakładki, wyboru istniejącej albo użycia nakładki dostarczonej przez motyw. Jeśli tak, funkcja jest dostępna w danej konfiguracji. Jeśli nie, nie zakładaj od razu, że instalacja jest uszkodzona. Ograniczenie może wynikać z motywu, edytora lub używanego trybu klasycznego.
Przed zmianami wykonaj kopię zapasową albo pracuj na środowisku testowym. To szczególnie ważne, jeśli strona korzysta z dodatkowych wtyczek lub mocno zmodyfikowanego motywu. Najpierw sprawdź, jak nakładka działa w bezpiecznym miejscu, zamiast testować odwagę na stronie, z której korzystają klienci.
Checklist przed pierwszą zmianą
- Sprawdź wersję WordPressa i potwierdź, że witryna korzysta z wersji 7.0.
- Zweryfikuj rodzaj motywu oraz jego możliwości związane z Site Editorem lub edycją szablonów.
- Otwórz blok Navigation i znajdź ustawienia Overlay.
- Sprawdź, czy możesz utworzyć nakładkę, wybrać istniejącą albo użyć wersji dostarczonej przez motyw.
- Wprowadź pierwsze zmiany na kopii zapasowej lub środowisku testowym i obejrzyj efekt na telefonie.
Jak nie zrobić z menu mobilnego choinki?
Konfigurowalność jest fajna, ale ma jedną pułapkę: łatwo dorzucić logo, trzy przyciski, wyszukiwarkę, ikony, tekst, kolumny i jeszcze coś „na wszelki wypadek”. Nagle użytkownik otwiera menu i zamiast drogowskazu dostaje drugą stronę główną. Tyle że bez mapy.
Zacznij od najważniejszych pozycji, logo i jednego głównego CTA. Jeśli użytkownik ma wykonać jedną podstawową czynność, nie dawaj mu kilku konkurujących przycisków. Wyszukiwarkę, ikony społecznościowe i dodatkowy tekst dodawaj tylko wtedy, gdy realnie pomagają w nawigacji.
Pilnuj hierarchii, czytelności linków i odstępów między elementami. Po każdej zmianie sprawdź, czy kontakt i najważniejsze podstrony nie giną wśród ozdobników. Nie ma uniwersalnego limitu liczby elementów. Jest za to prosta zasada: jeśli coś utrudnia szybkie znalezienie oferty lub kontaktu, prawdopodobnie nie pomaga.
Testy przed publikacją: telefon, klawiatura i przycisk zamykania
Gotowy układ trzeba sprawdzić poza edytorem. Podgląd jest przydatny, ale nie pokazuje wszystkiego. Obejrzyj nakładkę na kilku szerokościach ekranu oraz na rzeczywistym telefonie. Sprawdź, czy menu otwiera się poprawnie, czy linki są czytelne i czy nic nie wypada poza ekran.
Szczególną uwagę poświęć przyciskowi zamykania. WordPress udostępnia osobny blok Navigation Overlay Close, który można umieścić i stylować. Nie ukrywaj go i nie utrudniaj do niego dostępu. Użytkownik powinien bez kombinowania wrócić do treści.
Warto sprawdzić kontrast, czytelność, obsługę klawiaturą, widoczny fokus oraz działanie czytnika ekranu. Przetestuj też, czy motyw albo wtyczki nie powodują konfliktów. To nie jest przesadna ostrożność, tylko zwykłe sprawdzenie, czy menu działa także wtedy, gdy ktoś nie korzysta ze strony dokładnie tak jak Ty.
Szybka checklista odbioru
- Menu otwiera się i zamyka bez problemu.
- Najważniejsze linki są czytelne i łatwe do znalezienia.
- CTA nie ginie wśród dodatkowych elementów.
- Przycisk zamykania jest widoczny i działa.
- Układ sprawdzono na telefonie oraz przy obsłudze klawiaturą.
- Zweryfikowano kontrast, fokus, czytelność i działanie czytnika ekranu.
Nakładka menu mobilnego WordPress w wersji 7.0 daje większą swobodę niż zwykła lista linków. Możesz dopasować ją do marki, dodać logo, CTA, wyszukiwarkę czy inne bloki. Nie jest to jednak automatyczne rozwiązanie dla każdej witryny. Najpierw sprawdź motyw i dostęp do ustawień Overlay, zacznij od prostego układu, a potem przetestuj całość na telefonie, klawiaturą i z przyciskiem zamykania pod ręką. Napisz do Szwagra i opowiedz, czego potrzebujesz — strony, grafiki, filmu albo tekstów.
