Learn How to Create a WordPress Dropdown menu in less than 15 Minutes
Dobry system nawigacji jest jednym z najważniejszych elementów stojących za sukcesem strony internetowej. A rozwijane menu to łatwy sposób, aby to osiągnąć. Twoja witryna WordPress może mieć wiele cennych informacji, ale jeśli nawigacja nie jest właściwa, to nie ma sensu. Ludzie mają tendencję do odchodzenia. Menu rozwijane WordPress rozwiązuje ten problem. Zatrzymuje odwiedzających i zmniejsza współczynnik odrzuceń.
Powodem, dla którego wiele osób trzyma się z dala od menu rozwijanego, jest to, że nie wiedzą, jak je stworzyć. Ale jest to bardzo proste zadanie. Każdy może to zrobić bez użycia jakiegokolwiek kodu. Nie jest do tego wymagana żadna wiedza techniczna.
W tym artykule, zapewnimy Ci krok po kroku przewodnik menu rozwijanego w WordPress. Istnieją zrzuty ekranu wraz z krokami. Przejdź przez te kroki raz. Będziesz w stanie do menu rozwijanego na własną rękę.
Korzyści z używania rozwijanego menu w WordPress
Istnieje wiele korzyści z posiadania rozwijanego menu na twojej stronie. Przede wszystkim, przynosi ono klasyczny wygląd Twojej stronie głównej. Jak to zwykle pojawia się na górze strony jako poziomy rząd. Możesz stworzyć witrynę z minimalną liczbą stron. Możesz badać zachowanie odwiedzających poprzez sposób, w jaki klikają przez opcje nawigacyjne. Menu rozwijane skraca również czas debugowania.
Oto kilka kluczowych korzyści płynących z używania menu rozwijanego:
Korzyści z używania rozwijanego menu w witrynie #WordPress #website. Click To Tweet
Elastyczność
Wielką zaletą korzystania z menu rozwijanego jest to, że możesz w nim zawrzeć dowolną liczbę elementów. Pojedyncza ikona będzie przenosić wszystkie inne ukryte pod nią ikony. Dzięki temu Twoja strona nie będzie obciążona tekstem. Nie musisz się już martwić o wygląd ekranu. Możesz dodać dużą ilość elementów i nadal mieć minimalny design.
Oszczędność miejsca
Jako że pod jedną ikoną możesz dodać wiele elementów, oszczędza to miejsce. Menu rozwijane jest świetną opcją, jeśli masz bardzo mało miejsca i dużo przydatnych elementów. Możesz zająć wiele informacji na bardzo małej przestrzeni. Dzięki temu Twoja strona jest przyjazna dla użytkownika, jak również bogata w informacje.
Łatwa nawigacja
Im więcej czasu twoi goście spędzają na twojej stronie, tym lepiej dla ciebie. Zła nawigacja wiele razy irytuje odwiedzających. Mają oni tendencję do przełączania się na inne strony. Dzięki menu rozwijanemu możesz rozwiązać ten problem. Ma łatwy system nawigacji. To powstrzymuje widzów.
User-friendliness
Z rozwijanym menu, można zorganizować elementy, jak na ich kategorii lub hierarchii. Pozwala to na stworzenie zamówienia. Możesz ustawić kolejność pamiętając o zachowaniu przeglądających gości. Powinni oni odczuwać potrzebę kliknięcia na menu nadrzędne. Po tym, powinny one znaleźć rzeczy, które pragną tam. To sprawi, że wrócą do Ciebie ponownie.
Jak utworzyć menu rozwijane w WordPress
Krok 1: Wybór motywu WordPress z obsługą menu rozwijanego
WordPress ma wbudowany system zarządzania menu. Ale sposób wyświetlania całkowicie zależy od motywu, którego używasz. Prawie wszystkie motywy WordPress obsługują menu rozwijane. Ale, są takie, które pochodzą ze specjalnym systemem zarządzania menu. Te motywy oferują dużą liczbę funkcji do tworzenia i dostosowywania menu.
Oto kilka motywów WordPress, które obsługują menu rozwijane:
#Top 3 #WordPress #themes that support dropdown menu. Click To Tweet
Responsive Pro
Responsive Pro jest responsywnym i wielozadaniowym motywem WordPress. Posiada on ekskluzywny system zarządzania menu. Można łatwo stworzyć menu rozwijane za pomocą funkcji przeciągnij & upuść. Jest zoptymalizowany pod kątem urządzeń mobilnych i zintegrowany z WooCommerce. Jest zaawansowana typografia i nieograniczone schematy kolorów. Motyw ma niesamowicie szybką prędkość ładowania. Jest bardzo łatwy do dostosowania. Jest dostępny za $47.
Divi
Divi jest eleganckim motywem WordPress. Jest on wyposażony w wiele przydatnych funkcji. Posiada zaawansowaną funkcję tworzenia menu z opcjami przeciągnij i upuść. Divi to potężny kreator stron. Posiada wizualną opcję budowania i edycji stron. Jest dostępny w cenie $89.
Ocean WP
Ocean WP jest nowoczesnym motywem WordPress. Jest on wyposażony w ekskluzywny system zarządzania menu. Można stworzyć rozwijane menu w krótkim czasie. Motyw jest zoptymalizowany pod kątem SEO i gotowy dla eCommerce. Jest responsywny i gotowy do tłumaczenia. Jest to darmowy motyw.
Astra
Astra jest wielozadaniowym motywem WordPress. Posiada potężny mega menu builder. Jest zoptymalizowany pod kątem urządzeń mobilnych i gotowy do WooCommerce. Istnieje niestandardowy układ, lepki nagłówek i dedykowany pasek boczny. Motyw ma zaawansowaną typografię i opcje kolorów. Jest dostępny w cenie $47.
Krok 2: Tworzenie menu nawigacyjnego w WordPress
Pierwszym krokiem jest stworzenie menu nawigacyjnego. Aby to zrobić, musisz postępować zgodnie z poniższymi spetsami –
- Go to your WordPress Dashboard
- Go to Appearance >> Menu page
- Click on „Create a new menu” link
Now you have to give a name to your menu. Nie będzie ona widoczna dla nikogo poza Tobą. Ta nazwa pomoże Ci zidentyfikować menu w obszarze administracyjnym WordPress. Aby nadać nazwę, wykonaj następujące kroki –
- Na ekranie pojawi się pole
- Wprowadź nazwę w polu
- Kliknij przycisk „utwórz menu”
- Menu jest tworzone, ale jest puste
Jako że menu jest puste, następnym krokiem jest dodanie pozycji do menu. Jest to bardzo proste. Możesz skorzystać z funkcji przeciągnij &upuść. Lub wykonaj poniższe kroki –
- Dodaj górne linki do swojego menu nawigacyjnego
- Pozycje pojawią się w wierszu Twojego menu
- Wybierz pozycje, które chcesz dodać
- Kliknij przycisk „Dodaj do menu”
- Pozycje pojawią się w Twoim menu
Krok 3: Dodawanie podpunktów do menu
Podpunkty to pozycje, które pojawiają się wewnątrz menu rozwijanego. Możesz dodać je pod dowolną pozycją menu. Możesz ułożyć kolejność według własnego uznania. Możesz dodać dowolny element pod dowolnym linkiem nadrzędnym. Wszystko zależy od Twoich potrzeb. Tutaj, będziemy dodawać podpozycje pod linkiem bloga.
Aby dodać podpozycje do swojego menu, wykonaj następujące kroki –
- Wybierz pozycje z lewej kolumny
- Kliknij przycisk „Dodaj do menu”
- Pozycje pojawią się teraz w twoim menu
Ale, te pozycje pojawią się teraz jako zwykłe pozycje. Musisz je przekształcić w podpozycje. Nie jest to wcale trudne. Wszystko, co musimy zrobić, to przeciągnąć elementy i umieścić je pod menu nadrzędnym. Powtórz te kroki dla wszystkich linków, które mają się pojawić w menu nadrzędnym. Teraz kliknij na przycisk „Zapisz menu”.
Krok 4: Opublikuj swoje menu rozwijane
Po utworzeniu menu, musisz wybrać miejsce wyświetlania. Wykonaj poniższe kroki –
- Spójrz na prawą kolumnę
- Przejdź do ustawień menu
- Wybierz opcję obok „Lokalizacja wyświetlania”
- Kliknij przycisk „Zapisz menu”
Twoje menu jest już gotowe. Odwiedź raz swoją stronę, aby sprawdzić rozwijane menu w akcji. Jeśli działa dobrze, to znaczy, że skończyłeś.
Wtyczki WordPress, aby rozszerzyć funkcjonalność Twojego menu rozwijanego
Chcesz dodać więcej funtionality do swojego #WordPress dropdown #menu? Oto lista #Top 5 WordPress menu #plugins. Click To Tweet
Max Mega Menu
Max Mega Menu to bogata w funkcje wtyczka menu WordPress. Pochodzi z integracją WooCommerce i Easy Digital Downloads. Istnieje wbudowany edytor motywów z 100+ opcjami dostosowywania. Jest zbudowany na CSS3. obsługuje wiele menu, z których każde ma swoje własne konfiguracje. Użytkownicy mogą tworzyć menu poziome lub pionowe. Plugin jest dostępny zarówno w opcji darmowej jak i premium.
Features
- Tabbed Sub Menus
- Sticky Menu
- Accordion Menu
- Custom Icons
- Custom Icons
- Custom Item Styling
Price – $29
UberMenu
UberMenu to responsywna wtyczka menu WordPress. Pochodzi z pełnym systemem siatki z indywidualną kontrolą układu. Wtyczka obsługuje podmenu z zakładkami. Jest łatwy do dostosowania. Posiada ulepszony interfejs użytkownika. Istnieje opcja automatycznej integracji dla motywów.
Właściwości
- Elastyczne układy
- Zaawansowana zawartość
- Mobile-.Optimized
- Dynamic Item Generation
- Enhanced UI
Price – $25
Hero Menu
Hero Menu to profesjonalna wtyczka menu WordPress. Posiada nieskończoną ilość możliwości. Wtyczka jest responsywna i elastyczna. Posiada zaawansowane lepkie menu. Jest gotowy do instalacji i łatwy w użyciu. Każdy może go używać. Żadna wiedza o kodowaniu nie jest wymagana do tego.
Features
- Drag & Drop Menu Builder
- 60 Colour Presets
- Free Icons
- WooCommerce Enabled
- Mobile-.Optimized
Price – $14
WP Mobile Menu
WP Mobile Menu to nowoczesna wtyczka menu WordPress. Pochodzi z 2000+ ikon, 2 responsywnego panelu menu i nieograniczonych ustawień kolorów. Dzięki tej wtyczce menu są widoczne tylko dla zalogowanych użytkowników. Istnieją dwie różne opcje wyświetlania. Slideout nad treścią i slideout push content. Plugin dostępny jest zarówno w wersji darmowej jak i premium.
Features
- Menu Cart Icons
- 5 Depth Menu Level
- Header Banner
- Footer Menu
- Alternative Manus na stronę
Cena – $29
WP Responsive Menu
WP Responsive Menu to darmowa wtyczka WordPress do budowania menu. Pochodzi z wieloma łatwymi w użyciu funkcjami. Posiada opcje otwierania lub zamykania menu za pomocą prostych gestów machnięcia. Można zmienić animacje ikon menu, jak na potrzeby stron. Plugin jest gotowy do użycia i łatwy do dostosowania.
Features
- Search Bar on Menu
- WooCommerce Integrated
- Mobile-Optimized
- Add Logos & Icons
- Two Display Options
Price: Free
Wrapping up
Próbowaliśmy dać ci wgląd w to, jak utworzyć menu rozwijane na swojej stronie internetowej WordPress. Mamy nadzieję, że uznałeś te kroki za pomocne. Postępując zgodnie z powyższymi krokami, możesz stworzyć swoje własne menu rozwijane w ciągu kilku minut. Ale, musisz być bardzo jasne o swoim celu. Poznaj sposób myślenia odwiedzającego. Postaraj się zrozumieć, czego będą szukać na Twojej stronie. I w oparciu o to ułóż elementy w swoim menu rozwijanym.
Jeśli podobał Ci się ten artykuł, nie zapomnij podzielić się nim na Twitterze. Możesz podzielić się nim na Twitterze, klikając na przycisk „Click to tweet” poniżej.
#Learn How to Create a #WordPress Dropdown #menu in less than 15 Minutes. Click To Tweet