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 600.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 pozwala użytkownikom zobaczyć więcej linków jednocześnie, bez konieczności przewijania, najechania kursorem i zapamiętywania zawartości twojego menu. Najlepszym sposobem na zrozumienie tego mega menu jest to, że są to menu rozwijane w menu rozwijanych.

Tak więc zamiast zwykłego menu rozwijanego, które wyświetla podmenu po najechaniu kursorem na główne łącza nadrzędne na pasku nawigacyjnym, mega menu pozwala mieć dodatkowe łącza i podmenu z menu rozwijanego.

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 linkami nadrzędnymi, przy czym każdy z linków nadrzędnych ma własne łącza podmenu. W poniższym przykładzie dodałem trzy elementy podmenu pod każdym z czterech linków 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

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]

Utwórz dodatkowy link, który będzie służył jako link megamana. W poniższym przykładzie nazywam ten link „Main”. Następnie przeciągnij dwa łącza do menu nadrzędnego (każde z linkiem do podmenu) pod łączem głównym.

Teraz, aby utworzyć Megamenu, musisz dodać specjalną klasę CSS do głównego linku najwyższego poziomu o nazwie „Main”. Możesz to zrobić, klikając łącze 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 linku „Main”. Kliknij strzałkę po prawej stronie elementu menu „Główne”, aby przełączyć dodatkowe opcje konfiguracji. Znajdź pole tekstowe z etykietą CSS Classes i wpisz 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.

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]

mega menu divi przyklad.png

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

Ten artykuł zawiera komentarze 0

Zostaw komentarz

Twój adres e-mail nie zostanie 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