Przejdź do głównej treści

Jak stworzyć mega menu na Divi

Divi: najłatwiejszy w użyciu motyw WordPress

Divi: Najlepszy motyw WordPress wszechczasów!

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

Mega menu pozwalają użytkownikom zobaczyć więcej linków za jednym razem bez konieczności przewijania, najeżdżania i zapamiętywania zawartości menu. Najlepszym sposobem zrozumienia mega menu jest to, że są to menu rozwijane w menu rozwijanych.

Więc zamiast normalnego menu rozwijanego, które pokazuje podmenu po najechaniu kursorem na główne łącza nadrzędne na pasku nawigacyjnym, mega menu pozwala mieć dodatkowe łącza nadrzędne i podmenu w menu rozwijanym.

Jak dodać mega menu do paska nawigacji

Zaloguj się do pulpitu nawigacyjnego WordPress i przejdź do Wyglądy> Menu .

wordpress menu divi.png

Utwórz menu z czterema łączami nadrzędnymi, przy czym każde łącze nadrzędne ma własne łącza podmenu. W poniższym przykładzie dodaję trzy elementy podmenu pod każdym z czterech łączy menu nadrzędnego.

Ł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]

menu divi.png

Utwórz dodatkowe łącze, które będzie służyć jako łącze do mega-menu. W poniższym przykładzie nazywam ten link „głównym”. Następnie przeciągnij dwa łącza menu nadrzędnego (każdy z łączami podmenu) pod łączem głównym.

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]

Teraz, aby stworzyć swoje Megamenu, musisz dodać specjalną klasę CSS do głównego linku najwyższego poziomu o nazwie „Główny”. Możesz to zrobić, klikając link opcji ekranu u góry strony i upewniając się, że opcja klasy CSS jest zaznaczona.

css classes divi.png

Na koniec musisz dodać klasę CSS do właśnie utworzonego łącza „Główne”. Kliknij strzałkę po prawej stronie pozycji menu „Główne”, aby przełączyć dodatkowe opcje konfiguracji. Znajdź pole tekstowe zatytułowane Klasy CSS i wprowadź klasę „mega-menu”.

mega menu divi.png

Teraz, gdy ponownie załadujesz stronę, zobaczysz, że wszystkie poprzednie menu zostały umieszczone w gigantycznym menu pod tym linkiem, Mega Menu.

mega menu divi przyklad.png

To wszystko w tym samouczku, mam nadzieję, że pozwoli ci z łatwością stworzyć mega menu w Divi.

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
13 akcji
udział6
ćwierkanie
Enregistrer7