Czy chcesz wiedzieć, jak dodać niestandardowe menu nawigacyjne w WordPress? Domyślnie wiele Motywy WordPress oferują predefiniowane lokalizacje i układy menu.

W tym samouczku pokażemy, jak dodać inne menu nawigacyjne do motywu WordPress.

Ale wcześniej, jeśli nigdy nie instalowałeś WordPress, odkryj Jak zainstalować WordPress blogu kroki 7 et Jak znaleźć, zainstalować i aktywować WordPress na swoim blogu 

Wróćmy do tego, dlaczego tu jesteśmy.  

jak dodać niestandardowe menu nawigacyjne na WordPress

Kiedy trzeba dodać niestandardowe menu do motywu WordPress?

Najbardziej Motywy WordPress udostępnia co najmniej jedną lokalizację, w której w menu można wyświetlić łącza nawigacyjne witryny.

Możesz zarządzać elementami menu z łatwego w użyciu interfejsu na pulpicie nawigacyjnym WordPress.

Odkryj także nasze Wtyczki WordPress premium 10 przeznaczone do tworzenia menu

Ten samouczek jest przeznaczony dla użytkowników, którzy lubią majsterkować lub dla tych, którzy muszą dodać dodatkowe gniazdo w swoim Motywy WordPress.

Mając to na uwadze, przyjrzyjmy się, jak dodać niestandardowe menu nawigacyjne w motywie WordPress.

Tworzenie niestandardowego menu w WordPress

Menu nawigacyjne to funkcja motywów WordPress. Każdy motyw WordPress może definiować własne lokalizacje menu.

Aby dodać niestandardowe menu nawigacyjne, pierwszą rzeczą, którą musisz zrobić, jest zarejestrowanie nowego menu nawigacji, dodając ten kod do pliku plik funkcji.php motywu WordPress.

funkcja bpc_custom_new_menu () {register_nav_menu („moje niestandardowe menu”, __ („Moje niestandardowe menu”)); } add_action ('init', 'bpc_custom_new_menu');

Możesz przejść do „ Wygląd> Menu "W Deska rozdzielcza WordPress i spróbuj utworzyć lub edytować nowe menu. ZobaczycieMoje menu niestandardoweJako opcja w lokalizacji menu.

jak dodać niestandardowe menu nawigacyjne na WordPress

Jeśli chcesz dodać więcej niż jedną nową lokalizację menu nawigacyjnego, musisz użyć następującego kodu:

function bpc_custom_new_menu () {register_nav_menus (array ('my-custom-menu' => __ ('Moje menu niestandardowe'), 'extra-menu' => __ ('Dodatkowe menu'))); } add_action („init”, „bpc_custom_new_menu”);

Po dodaniu lokalizacji menu przetestuj swoje menu i dodaj kilka elementów w panelu WordPress.

Pozwoli nam to przejść do następnego kroku, jakim jest wyświetlenie menu w naszej witrynie WordPress.

Wyświetlanie niestandardowego menu w WordPress

Teraz musimy wyświetlić nowe menu nawigacyjne w motywie WordPress. Najczęstszym miejscem, w którym zazwyczaj umieszczane są menu nawigacyjne, jest sekcja nagłówka witryny internetowej, tuż po tytule lub logo witryny.

Możesz jednak dodać menu nawigacyjne w dowolnym miejscu.

Musisz dodać ten kod do pliku szablonu motywu WordPress, w którym chcesz wyświetlić menu.

'my-custom-menu', 'container_class' => 'custom-menu-class')); ?>

Lokalizacja motywu WordPress to nazwa, którą wybraliśmy w poprzednim kroku.

Klasa kontenera to klasa CSS, która zostanie dodana do menu nawigacyjnego. Twoje menu pojawi się jako prosta wypunktowana lista w Twojej witrynie.

jak dodać niestandardowe menu nawigacyjne na WordPress

Możesz użyć klasy CSS ” custom_menu_class Dla stylu twoich menu. Oto przykład kodu CSS na początek:

div.custom klasy menu ul {list-style-type: none; list-style: none; list-style-image: none; } Div.custom klasy menu-li {padding: 20px; display: inline; }

Jeśli potrzebujesz pomocy z CSS i układem menu, zalecamy skorzystanie z jednego z tych startowych motywów WordPress do tworzenia własnych motywów.

Utwórz mobilne menu

Szczegółowo opisaliśmy to w poprzednim samouczku, jak tworzyć mobilne menu.

jak dodać niestandardowe menu nawigacyjne na WordPress

Przekonaliśmy się, jak wygodne mogą być te menu dla ruchu mobilnego. 

Odkryj także niektóre motywy i wtyczki premium WordPress  

Możesz użyć innych WordPress wtyczki aby nadać nowoczesny wygląd i zoptymalizować obsługę Twojego bloga lub strony internetowej.

Oferujemy tutaj kilka premium wtyczek WordPress, które pomogą Ci to zrobić.

1. Darowizna Woocommerce

Zaakceptuj darowizny za pośrednictwem tego rozszerzenia na swojej stronie WooCommerce z kwotami określonymi przez klientów. Będą mogli dać tyle, ile chcą. Każdą darowiznę można przekazać jak każdy zwykły produkt WooCommerce. 

Wtyczka do darowizn Woocommerce

Jeśli klient pominie stronę koszyka lub przejdzie bezpośrednio do kasy bez dokonywania darowizny, nad stroną kasy pojawi się łącze, aby mógł przekazać darowiznę.

Każdy krok korzystania z WooCommerce Donation jest wyjaśniony w dokumentacji ze zrzutami ekranu. Po prostu aktywuj wtyczkę, a w koszyku znajdziesz pole „Dodaj darowiznę”.

Pobierz | Demo hosting

2. Kalendarzuj to!

Z WordPress Plugin Calendarize It! dostosowywanie projektu kalendarza jest szczególnie łatwe dzięki bezpłatnemu edytorowi wizualnemu. Wtyczka zawiera zaawansowane filtrowanie, oparte na wielu taksonomiach, takich jak czas, organizator i lokalizacja. Możesz wyświetlać wydarzenia według dni, miesięcy lub lat i przeglądać nadchodzące wydarzenia za pomocą widżetów.

Skonfiguruj to

Wtyczka obsługuje także zarządzanie rolami użytkowników, niestandardowe typy postów, wiele skrótów i niestandardowe pola zdarzeń. Każdy z nich ma również wiele płatnych modułów w cenie $ 15, w tym opcje płatności, opcje reklamowe, oceny zdarzeń i rezerwacji, recenzje i wiele więcej.

Jego funkcje obejmują: Importowanie wydarzeń w formacie CSV, wyświetlanie wydarzeń według roku, odliczanie do wydarzeń, obsługa kilku opcji płatności, obsługa opcji reklamowych, udostępnianie na sieci społecznościowe, intuicyjny formularz rezerwacji itp….

Pobierz | Demo | hosting

3. Directory ultimate PRO

Katalog ostateczny PRO to WordPress Plugin premium, który pozwala na stworzenie dowolnego rodzaju katalogu w Internecie. Można go zintegrować z dowolnym motywem WordPress i dostosować do własnych potrzeb. Prezentuje swoją niestandardową funkcję wyszukiwania, która jest jedną z głównych cech witryn w tej niszy.

Katalog Ultimate Pro 1

Pasek wyszukiwania umożliwia dodawanie spersonalizowanych filtrów i wybór stylu wyszukiwania, a na koniec idealnie dopasowuje się do Twojej witryny.

Jako funkcje oferuje między innymi: w 100% responsywny układ, konfigurowalne wyszukiwanie, 3 sposoby wyświetlania katalogu, optymalizację pod kątem nawigacji mobilnej, doskonałe SEO, kompatybilność z większością nowoczesnych przeglądarek, i więcej       

Pobierz | Demo | hosting

Polecane zasoby

Dowiedz się o innych zalecanych zasobach, które pomogą Ci zbudować witrynę i zarządzać nią.

Wnioski

Voila! To tyle w tym samouczku. Mamy nadzieję, że ta ostatnia pozwoli Ci dodać niestandardowe menu nawigacyjne do Twojego bloga lub witryny WordPress. 

Będziesz jednak mógł również skonsultować się z nami Zasoby, jeśli potrzebujesz więcej elementów do realizacji projektów tworzenia stron internetowych, zapoznaj się z naszym przewodnikiem na stronie Tworzenie bloga WordPress.

Podziel się z nami swoją opinią o tym samouczku i nie wahaj się udostępnij znajomym w swoich ulubionych sieciach społecznościowych

...