Aby uruchamiać akcje lub nawigować użytkowników do różnych sekcji poprzez ładnie zaprojektowane układy kołowe, możesz użyć widżetu Okrągłe menu ElementsKit.
Zobaczmy, jak możesz wykorzystać widget.
To add a Circle Menu, open your page in Elementor, search for the Circle Menu widget from ElementsKit, and drag it onto your layout to start customizing it.
Quick Steps:
1. Install and activate Zestaw elementów I ElementsKit Pro.
2. Open your page with Elementor.
3. Search for the Okrągłe menu widget in the ElementsKit section.
4. Drag and drop it onto your editor.
5. Add menu items, icons, and links.
6. Customize the style, color, position, etc., and publish.
Przykład: You can place a Circle Menu on your homepage with icons for Home, Services, and Contact, creating a modern, interactive navigation experience.
Takeaway: Adding a Circle Menu with ElementsKit is simple and creates a visually engaging menu.
Widżet menu koła ElementsKit #
Wymagania: Circle Menu is a premium widget, so make sure you upgrade to the ElementsKit Pro version first.
Now, follow the steps.
STEP 1: Enable the Circle Menu Widget #
Dostęp your WordPress dashboard
- Find ElementsKit
- Go to Widgets
- Znajdować Circle Menu > Turn ON the widget
- Click save changes
STEP 2: Customizing Circle Menu #
Teraz musisz otworzyć stronę lub post, w którym chcesz skorzystać z menu koła.
- Zacznij od dowolnego nowego lub starego postu i edytuj za pomocą Elementora
- Znaleźć Widżet menu koła ElementsKit
- Przeciągnij i upuść widżet
Część treściowa #
Tutaj otrzymasz dwie opcje -
Treść: ta opcja służy do porządkowania treści, które chcesz wyświetlać w kręgach. Możesz dodać dowolną liczbę elementów.
With each item, you can:
✔️ Customize titles, set tooltips, and icons, and insert a link.
✔️ Moreover, you can see a Cancel/Close option when you click or hover the widget.
Ustawienia: W tej sekcji możesz dostosować okrąg za pomocą różnych funkcji, w tym:
- Kierunek menu: Z rozwijanego menu możesz wybrać kierunek okręgów, np. Góra, Lewo, Prawo itp.
- Rozmiar menu koła: Pozwala kontrolować rozmiar menu koła.
- Odległość menu koła: Korzystając z tej opcji, możesz dostosować odległość okręgów podczas ich rozprzestrzeniania się.
- Prędkość: Opcja ta służy do kontrolowania szybkości działania menu.
- Opóźnienie: Za pomocą tego paska możesz kontrolować czas wychodzenia i wchodzenia w menu okręgu.
- Wyjdź: Określa, kiedy menu okręgu rozwija się dalej.
- Wejść: Określa, kiedy okrągłe menu rozwijają się do wewnątrz.
- Spust: Możesz ustawić wyzwalacz po kliknięciu lub najechaniu myszką.
- Przemiana: Odnosi się do efektu wizualnego elementów menu, gdy zmieniają one stan. Możesz wybrać dowolną opcję z menu rozwijanego.
Styl #
- Obwoluta: Aby nadać styl otoce menu koła, możesz zmienić typ tła, cień ramki, typ obramowania, szerokość obramowania, kolor obramowania i transformację zawartości.
- Treść: Tutaj możesz zmienić kolor tekstu, typografię, rozmiar itp.
STEP 3: Check Your Customized Circle Menu #
To jest przykład, spójrz –
Aby uprościć nawigację, zaoszczędzić miejsce i nadać atrakcyjny wygląd swoim postom, możesz wybrać ten elastyczny widżet i wykonać swoje zadania.
