5.10. Co to jest menu i jak teleportować tam podstrony, aby utworzyły zgrabne zakładki?

Menu jest elementem niepozornym, a bardzo mocarnym 🙂

Często traktuje się je na odczepnego, a można za jego pomocą, szczególnie przy niektórym motywach, tworzyć magię (szczególnie w sklepach i na blogach bogatych w treść :))

Najprościej mówiąc, menu jest rodzajem spisu elementów, najczęściej podstron, kategorii w sklepie czy na blogu, który umieszczamy, żeby odwiedzającym było łatwo nawigować po witrynie i znaleźć to, po co do nas przyszli 🙂

Menu może być umieszczone w zasadzie gdziekolwiek (bo jest blok Gutka, który do tego służy, więc sami rozumiecie… ;)), ale zazwyczaj spotykamy je u góry strony, w stopce albo gdzieś z boku.

Do tej pory na naszych świeżo postawionych WordPressach widzieliśmy głównie górne menu, choć można mieć wrażenie, że jakiś tam straszny bałagan:

Bo tak po prawdzie, to co tam widać to taki dziwny dynks: wygląda jak menu, zachowuje się jak menu, ale tak w gruncie rzeczy nim nie jest 🙂

My do tej pory nie tworzyliśmy żadnego menu i w takich sytuacjach WordPress robi takie czary-mary, że w miejscu na główne menu wyświetla po prostu jak leci wszystkie istniejące podstrony w porządku alfabetycznym. Żeby nie było pusto i żeby do każdej podstrony dało się jakoś doklikać. Dlatego na początku pokazywała się tam tylko Sample Page, czyli przykładowa strona, a później same z siebie dołączały do nich kolejne przez nas tworzone 🙂

Ale to, co tam się pokazuje, można w pełni kontrolować i poukładać po swojemu, tylko trzeba już sobie do tego wtedy prawdziwe menu utworzyć, jak pan buk przykazał 🙂

❓ Jak utworzyć menu w WordPressie?

Wchodzimy w kokpicie w opcję Wygląd -> Menu:

Wylądujemy na ekranie tworzenia swojego pierwszego menu:

Tu wpisujemy nazwę menu (dowolną, byleśmy wiedzieli potem, które menu tak nazwaliśmy; ja nazwałam je Górne menu, bo będzie u góry :)). Po nadaniu nazwy klikamy Utwórz menu.

Przeniesie nas na ekran dodawania elementów do menu:

Po prawej stronie, tuż pod Dodaj element menu -> Strony klikamy Zobacz wszystkie, aby mieć do wyboru wszystkie podstrony, a nie tylko ostatnio utworzone.

Ptaszkami zaznaczamy te strony, które chcemy mieć w menu, a potem naklikujemy Dodaj do menu.

Strony pojawią się wtedy nieco po prawej, w sekcji Struktura menu:

Tam można je poukładać metodą drag&drop, czyli po prostu klikając lewym przyciskiem myszy na element i wciąż trzymając przycisk – przenosząc kafelek wyżej lub niżej i puszczając w odpowiednim miejscu (to miejsce będzie nam w każdej chwili pokazywać taka rameczka z przerywanej linii, widoczna pod spodem):

Jeśli jakiś element menu dodaliśmy, ale jednak chcemy go usunąć, wystarczy kliknąć strzałkę do rozwijania dodatkowych opcji i tam ukryty jest nibyprzycisk Usuń:

Po ułożeniu elementów menu w odpowiedniej kolejności przechodzimy do sekcji Ustawienia menu i tam ptaszkiem klikamy, gdzie to menu, które właśnie edytujemy, ma być umiejscowione.

Ja chcę, aby tu zostało bez zmian, czyli aby menu pokazywało się jako nazwy podstron (“zakładek”) u góry, w prawej części strony, zaznaczam zatem Primary menu, czyli menu główne:

Na koniec naklikujemy Zapisz menu i gotowe. Po odświeżeniu strony nasze utworzone menu powinno zastąpić to, co WordPress wyświetlał domyślnie 🙂

Jeśli idzie o umiejscowienie menu, tj. to gdzie i jak w witrynie możemy menu wyświetlać – to zależy od motywu, dlatego nie ma się co do tych opcji bardzo mocno przywiązywać. Są motywy, które mają u góry miejsce na dwa menu, są takie, które na trzy, a są takie, które na jedno. Są takie, które mają menu w stopce, a są takie, które gdzieś na boku albo inne dziwne kombinacje. To jeden z elementów, na które będziemy na bank zwracać uwagę wybierając motyw 🙂

Motyw Astra, czyli ten, który proponuję Wam na początek WordPressowej przygody, ma jak widać 5 możliwych umiejscowień menu, przy czym niektóre to takie miejsca specjalne i bardzo konkretne elementy w menu w tych miejscach powinny się znaleźć. O tym będę jeszcze mówić niebawem 🙂

Z kolei inne z tych miejsc nie są ulokowane na sztywno – będzie sobie je można menu o tych lokalizacjach przestawiać z prawej na lewą i z góry na dół, jak pokażę Wam później, bo pod tym względem Astra jest ultraelastyczna ❤️

Na początek jednak zacznijmy na spokojnie, powoli, i stwórzmy to swoje pierwsze menu.

Bardziej zamotane kawałki nadejdą w kolejnej lekcji 😉 Mamma mia!

Ten kurs jest i zawsze będzie dla Was DARMOWY,
bo wierzę wiem, że warto sobie pomagać ❤

Totalnie nie musisz za nic płacić, ale jeśli masz chęć, możesz postawić mi kawę ☕
Wypiję ją za sukces Twojej strony!

POSTAW KAWĘ