Przejdź do głównej treści

Jak dodać niestandardowe menu nawigacyjne na WordPress

Divi: najłatwiejszy w użyciu motyw WordPress

Divi: Najlepszy motyw WordPress wszechczasów!

więcej Pobieranie 701.000, Divi jest najpopularniejszym motywem WordPress na świecie. Jest kompletny, łatwy w użyciu i zawiera więcej niż darmowe szablony 62. [Zalecane]

Czy chcesz wiedzieć, jak dodać niestandardowe menu nawigacyjne w WordPress? Domyślnie wiele motywów WordPress ma wstępnie zdefiniowane 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?

Większość motywów WordPress oferuje co najmniej jedno miejsce, w którym można wyświetlić łącza nawigacyjne witryny w menu.

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ą robić DIY lub dla tych, którzy chcą dodać dodatkową lokalizację w swoich motywach 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:

Łatwo stwórz swoją stronę internetową dzięki Elementor

Elementor pozwala łatwo stworzyć dowolny projekt strony internetowej o profesjonalnym wyglądzie. Przestań płacić drogo za to, co możesz zrobić sam. [Bezpłatny]

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 do pulpitu 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. 

Szukasz najlepszych motywów i wtyczek WordPress?

Pobierz najlepsze wtyczki i motywy WordPress na Envato i łatwo stwórz swoją stronę. Już więcej niż pobrań 49.720.000. [EXCLUSIVE]

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

Możesz użyć innych wtyczek WordPress, aby nadać nowoczesny wygląd i zoptymalizować chwyt swojego 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!

Dzięki wtyczce WordPress 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

Directory ultimate PRO to wtyczka premium do WordPressa, która umożliwia tworzenie dowolnego typu katalogów w Internecie. Można go zintegrować z dowolnym motywem WordPress i dostosować do własnych potrzeb. Podkreśla jego spersonalizowaną 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

Z łatwością stwórz swój sklep internetowy

Uzyskaj woocommerce, najlepsze wtyczki e-commerce do sprzedaży produktów swoich fizycznych i cyfrowych na WordPressie. [Zalecane]

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

...

Ten artykuł zawiera komentarze 0

Zostaw komentarz

Twoj adres e-mail nie bedzie opublikowany. Wymagane pola są oznaczone *

Ta strona używa Akismet, aby zmniejszyć niechciane. Dowiedz się więcej o sposobie wykorzystania danych komentarzy.

Powrót do góry
4 akcji
udział2
ćwierkanie
Enregistrer2