The Biggest WordPress Deal of 2026
Um Aktionen auszulösen oder Benutzer durch schön gestaltete kreisförmige Layouts zu verschiedenen Abschnitten zu navigieren, können Sie das ElementsKit Circular Menu-Widget verwenden.
Sehen wir uns an, wie Sie das Widget verwenden können.
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 ElementsKit Und ElementsKit Pro.
2. Open your page with Elementor.
3. Search for the Kreismenü 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.
Beispiel: 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.
ElementsKit Kreismenü-Widget #
Anforderungen: 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 #
Zugang your WordPress dashboard
- Find ElementsKit
- Go to Widgets
- Finden Circle Menu > Turn ON the widget
- Click save changes
STEP 2: Customizing Circle Menu #
Jetzt müssen Sie die Seite oder den Beitrag öffnen, in dem Sie das Kreismenü verwenden möchten.
- Beginnen Sie mit einem neuen oder alten Beitrag und mit Elementor bearbeiten
- Finden Sie die ElementsKit Kreismenü-Widget
- Ziehen Sie das Widget per Drag-and-Drop
Inhaltsteil #
Hier haben Sie zwei Möglichkeiten –
Inhalt: Mit dieser Option können Sie den Inhalt, den Sie anzeigen möchten, in Kreisen anordnen. Sie können beliebig viele Elemente hinzufügen.
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.
Einstellungen: In diesem Abschnitt können Sie den Kreis mit verschiedenen Funktionen anpassen, darunter:
- Menürichtung: Im Dropdown-Menü können Sie die Richtung der Kreise auswählen, z. B. Oben, Links, Rechts usw.
- Größe des Kreismenüs: Damit können Sie die Größe des Kreismenüs steuern.
- Kreismenü-Entfernung: Mit dieser Option können Sie den Abstand der Kreise anpassen, während sie sich ausbreiten.
- Geschwindigkeit: Mit dieser Option steuern Sie die Geschwindigkeit des Menüs.
- Verzögerung: Von dieser Leiste aus können Sie die Step-Out- und Step-In-Zeit der Kreismenüs steuern.
- Aussteigen: Es definiert, wann die Kreismenüs erweitert werden.
- Eintreten: Es definiert, wann die Kreismenüs nach innen erweitert werden.
- Auslösen: Sie können den Auslöser auf Klicken oder Hover setzen.
- Übergang: Es bezieht sich auf die visuelle Wirkung der Menüpunkte, wenn diese ihren Zustand ändern. Sie können eine beliebige Option aus dem Dropdown-Menü auswählen.
Stil #
- Verpackung: Um den Wrapper des Kreismenüs zu gestalten, können Sie den Hintergrundtyp, den Rahmenschatten, den Rahmentyp, die Rahmenbreite, die Rahmenfarbe und die Inhaltstransformation ändern.
- Inhalt: Hier können Sie die Textfarbe, Typografie, Größe usw. ändern.
STEP 3: Check Your Customized Circle Menu #
Dies ist ein Beispiel, schauen Sie mal –
Um die Navigation zu vereinfachen, Platz zu sparen und Ihren Beiträgen ein ansprechendes Aussehen zu verleihen, können Sie dieses flexible Widget auswählen und Ihre Aufgaben erledigen.
