Learn How to Create a WordPress Dropdown menu in less than 15 Minutes

lis 18, 2021
admin

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

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany.