Wordpress: Tworzenie Menu

0:00Cześć! Witaj w kolejnej lekcji, w której porozmawiamy o sekcji Wyglądu. Tutaj znajduje się

0:04kilka zakładek, z których już korzystaliśmy, ale teraz omówimy je dokładniej. Zaczniemy

0:08od Menu. W tym miejscu będziemy mogli tworzyć własne menu na stronę, jak

0:13również zarządzać ich rozmieszczeniem. W sekcji Edytuj będziemy mogli stworzyć takie

0:17menu lub jego kilka wariantów. Natomiast w sekcji Zarządzaj rozmieszczeniem

0:21mamy możliwość umieszczenia tego menu w dowolnym miejscu, które wspiera nasz motyw. O

0:25co tutaj chodzi? Cóż, to w zasadzie od motywu zależne

0:29jest, gdzie możemy umieścić takie menu. Przykładowo motyw, z którego korzystamy, ma

0:33położenie podstawowe (Primary), następnie Footer, czyli w dolnej

0:38stopce strony, jak również menu odnośników serwisów społecznościowych. To,

0:42gdzie te menu będą się znajdować, gdzie będzie na nie przeznaczone miejsce, zależy już

0:46od dewelopera, który tworzył konkretny motyw. Na każde z tych miejsc będziemy

0:50mogli wybrać jedno ze stworzonych przez nas menu lub też stworzyć

0:55nowe. Jeśli wybierzemy polecenie Edytuj, okazuje się, że mamy tutaj jakieś jedno

0:59menu już stworzone. Ale tak naprawdę możemy zacząć od czystej kartki i po

1:03prostu je usunąć. Wybieram polecenie Usuń, usuwam to menu, no i w tym momencie nie

1:07mamy żadnego zdefiniowanego menu. Spróbujmy teraz stworzyć menu i zobaczyć,

1:12jakie elementy do niego możemy dodać. Nazwa menu jest obowiązkowa. Mogę wpisać Moje

1:16menu, choć zdecydowanie lepiej jest je nazywać jakoś

1:21sensownie, na przykład od przynajmniej tego rozmieszczenia czy funkcji, którą

1:25ma odgrywać na stronie. Ale my na razie eksperymentujemy. Teraz po lewej stronie mamy wszystkie rzeczy, które możemy umieścić w menu. Czyli

1:33wszystkie nasze strony mogą znaleźć się w menu, co więcej - jeżeli zaznaczymy

1:37tę opcję Automatycznie dodawaj strony najwyższego poziomu do menu, to

1:41tak naprawdę będą tutaj lądować te strony, które dodamy. Nie

1:46będą to te strony dzieci, strony potomka, tylko te strony najwyższego szczebla

1:50będą tutaj automatycznie dodawane. Na razie wyłączę tę opcję. To,

1:54co mogę zrobić, to przejść do Stron i okazuje się, że mamy tutaj dwie strony. Gdybym miał ją

1:58zaznaczoną, to tylko strona Współpraca byłaby automatycznie dodana, ponieważ strona O Autorze

2:02jest już stroną podrzędną. Możemy zaznaczyć obie te strony,

2:06następnie wybrać polecenie Dodaj do menu i już

2:11te strony zostały w nim umieszczone. Zobacz, że możemy teraz rozwinąć

2:15te elementy i zmienić na przykład etykietę takiej strony, czyli ona

2:19może się nazywać Współpraca, ale w menu może przykładowo mieć nazwę Kontakt

2:24albo cokolwiek innego. Możemy też ją przenieść w dół, ale zdecydowanie

2:29łatwiej jest zarządzać strukturą, po prostu przenosząc te elementy między sobą. Co

2:33ciekawe mamy też możliwość zagnieżdżenia takiego elementu, czyli

2:38przesunięcia go jak gdyby do prawej strony. W tym momencie w miarę wiernie

2:42odwzorowujemy to, jak nasze strony się układają, ponieważ strona O Autorze będzie niejako w

2:47podmenu strony Współpraca. W zależności od tego, jak motyw

2:51to interpretuje, będzie to tak właśnie wyświetlone - czy to jako jakiś element

2:55rozwijanej listy, czy jakieś inne elementy, gdy wejdziemy do środka. Kolejna rzecz,

3:00którą możemy dodać do takiego menu, to wszystkie wpisy, czyli mamy tutaj możliwość

3:04dodania tak naprawdę wszystkich wpisów, które są na naszym blogu. Jeżeli

3:09jeden z nich jest dla nas na przykład szczególnie ważny i chcemy go dodać do tego menu, dlaczego by tak

3:13nie zrobić. Czasem jest to jakiś promowany wpis, czasem jest to jakiś najnowszy

3:18wpis, który chcielibyśmy, aby został jakoś dodatkowo eksponowany. My

3:22nie będziemy na razie go dodawać. Nie mamy polityki dostępu do naszej strony i polityki prywatności,

3:27więc nie będziemy mogli jej tutaj na razie dodać, ale możemy dodać coś takiego jak

3:31własne odnośniki. Czyli przykładowo: gdybyśmy chcieli dodać odnośnik do strony eduweb.pl - polecam

3:36to zrobić. Żartuję oczywiście - możemy wpisać na przykład tutaj Kursy Wideo jeszcze

3:41dodatkowo. Być może to jest jakiś nasz sponsor albo coś innego, co chcemy tutaj

3:46uwzględnić i już dodaliśmy to jako taki osobny, własny odnośnik. I

3:50w końcu możemy też dodać kategorie. Najczęściej będziemy rzeczywiście

3:54posługiwali się tymi kategoriami w menu i co ciekawe - aby zobaczyć wszystkie, musimy

3:59przenieść się do tej kolejnej zakładki. Teraz możemy wybrać wszystko i wszystkie

4:03kategorie dodać do menu. Zauważ, że mimo że mamy Danie Główne, Deser

4:07i Zupy zorganizowane tak, że jest jakby potomkiem Obiadu, no

4:11to tutaj nie odzwierciedla tego menu i wszystko jest jakby na

4:15równym poziomie. Zobaczmy najpierw, jak takie menu będzie wyglądać. Zapiszemy

4:20to, a następnie zorganizujemy to podobnie jak było w kategoriach. Po zapisaniu

4:24będziemy musieli jeszcze zarządzać rozmieszczeniem, czyli gdzie chcemy takie

4:28moje menu umieścić. Do tego zadania możemy użyć tej zakładki Zarządzaj

4:32rozmieszczeniem, ale też możemy przejść do tej sekcji Zarządzaj w podglądzie na żywo. Nie

4:36wszystkie motywy to wspierają, ale większość tak. Jeśli przejdziemy do zarządzania w podglądzie

4:40na żywo, będziemy mogli wyświetlić z prawej strony naszą stronę i tutaj

4:45zobaczyć wszystkie lokacje, w których możemy umieścić

4:49menu. Wybierzmy więc tę lokację podstawową. Wybieram Moje Menu

4:53i okazuje się, że to menu zostało umieszczone w tym miejscu. Przejdę

4:57teraz na moment do edycji tego, co znajduje się tutaj na górze, czyli tytułu witryny

5:02a także jej opisu. I na moment je usunę, ponieważ nie są zbyt

5:06szczęśliwie umieszczane tutaj, w tej górnej części szablonu i trochę mi przeszkadzają,

5:11zwłaszcza podglądać to menu. Więc przenieśmy się znowu tutaj. Już zgubiliśmy się, więc

5:15wrócimy do menu i jak widzisz, mamy teraz Moje Menu ustawione

5:19na tej sekcji Primary. Możemy zobaczyć te wszystkie lokalizacje. Rzeczywiście tutaj

5:23mamy Moje Menu. Zobaczmy, jak prezentowałoby się w footerze, footer menu. Musimy zjechać

5:28na dół i to menu znajduje się, o, dokładnie tutaj. Następnie

5:32mamy jeszcze menu odnośników serwisów społecznościowych dla tego motywu. Jest ono umieszczane na

5:36samej górze, tutaj pod menu i powinno zawierać w zasadzie ikonki, jakieś linki

5:40do Facebooka, Twittera, Linkedina. Nie ma sensu, żebyśmy to menu zostawiali

5:45w tym miejscu, więc po prostu je sobie usuniemy. Wybieram opcję

5:49tą pustą i zniknęło ono z górnej części. Teraz wrócę po to,

5:53aby wejść w moje menu i je edytować. Na tym poziomie możemy również to zrobić.

5:57Nie musimy na tej poprzedniej stronie, którą Ci  pokazywałem, ale możemy tutaj po

6:01prostu przejść do tej sekcji Danie Główne, a następnie wykonać to

6:05wcięcie, czyli wciąć Danie Główne, Deser, Zupę. W

6:10zasadzie gdybyśmy mieli być fair, to Zupę powinniśmy umieścić

6:14na pierwszym miejscu, później mamy Danie Główne i później wchodzi Deser. Czy możemy zagnieździć

6:18to jeszcze bardziej? Okazuje się, że możemy. Czyli możemy teraz Danie Główne mieć

6:23w środku, w Zupie, ale zobaczmy, czy to w ogóle będzie respektowane

6:27przez ten szablon, jeśli najadę na Obiad. No, rzeczywiście wygląda na to, że jest tutaj

6:31jakaś przynajmniej lekka wizualna sygnalizacja, że to Danie Główne

6:36jest pod Zupami. No, nie chcemy tego, więc cofnijmy. I teraz

6:40wygląda to całkiem nieźle. Możemy też zmienić kolejność. Najpierw mamy Śniadanie, później Obiad,

6:45a na końcu Kolację. Być może Inspiracje kulinarne chcielibyśmy wrzucić

6:49na koniec naszego menu, a jeszcze dalej byłyby Kursy wideo. No

6:54i Współpraca - trudno powiedzieć. Być może chcielibyśmy rzeczywiście też umieścić ją na

6:58końcu. W ten sposób, jak widzisz, zreorganizowaliśmy bardzo szybko menu. Jeśli

7:03teraz wrócimy, będziemy mieli możliwość stąd także stworzyć nowe menu. Wybieram polecenie

7:07Stwórz nowe menu i to menu nazwę Footer, bo chciałbym zrobić takie dedykowane

7:11menu, które będzie pojawić się właśnie w footerze. I zaznaczymy

7:15sobie opcję Footer Menu, wybieram polecenie Następny i okazuje

7:20się, że mogę tutaj już dodawać elementy. Zobaczmy to menu w footerze, ono teraz zniknęło

7:24całkowicie. Wybieramy opcję Dodaj elementy i okazuje się, że to menu jest bardzo podobne,

7:29ale jest nawet fajniejsze niż to poprzednie, ponieważ stąd możemy poza tymi

7:33własnymi odnośnikami, stronami, wpisami i tak dalej wybrać również tagi. No,

7:37tutaj, jak widzisz, mamy sporo tagów. Gdybyśmy chcieli jakieś te tagi wyróżnić

7:41albo nawet wrzucić wszystkie do footera, możemy bez problemu to zrobić. I

7:45teraz w momencie gdy opublikuję naszą stronę, czyli opublikuję tę zmianę

7:49do szablonu, mogę już stąd wyjść. Mogę teraz podejrzeć sobie moją

7:53witrynę i okazuje się, że mamy fajne menu na górze, które jest rozwijane tam,

7:57gdzie tego chcieliśmy. I te poziomy zagnieżdżenia są również odzwierciedlone,

8:02jak również w menu tym na dole znajdują się wszystkie tagi,

8:06które oznaczyliśmy, że powinny tutaj być. Więc stąd można bardzo łatwo

8:10nawigować do strony archiwum tagów, na przykład archiwum z czekoladą.

8:14No, niestety żaden wpis nie zawiera tego tagu, natomiast stąd

8:18będziemy mogli nawigować po stronach archiwum poszczególnych kategorii. Wydaje

8:22mi się, że w Inspiracjach mamy coś, tak jest - Domowa Granola

8:27znajduje się tutaj, więc w tym archiwum będzie wyświetlony konkretny

8:31post. I to menu, jak widzisz, występuje wszędzie, czyli na każdej podstronie. Również w

8:36podstronach postów zarówno mamy to menu na górze, jak i na dole. No i tutaj na dole

8:40dodatkowo pojawiają się jeszcze takie rzeczy jak najnowsze wpisy, komentarze, kategorie,

8:44archiwa. I tym właśnie, co to jest i jak to edytować, zajmiemy się w

8:48kolejnej lekcji. Do usłyszenia!