Krótki przewodnik po niestandardowych menu WordPress
Zacznij od początku i stopniowo osiągaj wynik.
Myślę, że wszyscy zauważyli, co jest w wordpressie, przy budowaniu standardowej struktury na szablonach zakupionych lub pobranych z Internetu, Menu główne (szczyt) zdefiniowane dla stron, oraz menu na pasku bocznym dla postów.
W jednym z moich projektów musiałem zduplikować menu główne na dole strony, a pozycje menu musiały być różnych typów. Na przykład, strona "O firmie" była dokładnie typu "Strona", a wiadomości były wyświetlane w formie „Rekordów”, to znaczy, krótkie wydania powinny być wyprowadzane, co doprowadzi do pełnych wiadomości.
Zacznijmy tworzyć nasze menu z poziomu menu administratora Wygląd -> Menu. Po zalogowaniu, u góry panelu administratora znajduje się element Opcje ekranu, zmieniając ustawienia możesz włączyć dane określonego typu lub je wyłączyć.
Myślę, że nie ma o czym mówić, co inni już powiedzieli, dodam mały film z YouTube
Spójrz na wideo powyżej, jest pytanie Lokalizacja motywu w menu Wygląd > Menu, po prostu nie dotyczy, ale jest to jedna z najważniejszych i kluczowych kwestii. Kiedy potrzebowałem możliwości wybrania żądanego menu z panelu administracyjnego, aby je tymczasowo zastąpić, Po prostu nie znalazłem artykułów w języku rosyjskim.
Pierwsza rzecz do zapamiętania, chodzi o API menu w WordPress. Można go przeczytać na oficjalnej stronie internetowej pod adresem kod.
Rozważ metodę rejestracji z mojej praktyki:
1 2 3 4 5 6 7 |
<!--?php function my_theme_three_navs() { register_nav_menus(array( 'primary' => 'Primary Menu', 'top' => 'Top Nav Menu', 'bottom' => 'Footer Nav Menu', )); } add_action('init', 'my_theme_three_navs'); ?--> |
Po dodaniu fragmentu kodu do pliku funkcja.php w menu Wygląd -> menu -> Lokalizacja motywu pojawi się nowa lista rozwijana z listą utworzonych menu. Pozostaje tylko dodać etykietę do motywu naszej strony. O, jak to zrobić szczegółowo, ponownie możesz przeczytać w kodzie WordPress w języku angielskim.
Przykład ustawienia etykiety w nagłówku witryny, plik header.php
1 2 3 4 |
<? wp_nav_menu(array( 'theme_location' => 'top', 'container_class' => 'my-nav' )); ?> |
/*
- Podstawowy kurs projektowania stron internetowych;
- Układ stron;
- Ogólny kurs CMS WordPress oraz kontynuacja kursu dotyczącego tworzenia szablonów;
- Tworzenie stron internetowych w PHP.