For at udløse handlinger eller navigere brugere til forskellige sektioner gennem pænt designede cirkulære layouts, kan du bruge ElementsKit Circular Menu widget.
Lad os se, hvordan du kan bruge widgetten.
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 og ElementsKit Pro.
2. Open your page with Elementor.
3. Search for the Cirkel 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.
Eksempel: 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 Circle Menu widget #
Krav: 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 #
Adgang your WordPress dashboard
- Find ElementsKit
- Go to Widgets
- Find Circle Menu > Turn ON the widget
- Click save changes
STEP 2: Customizing Circle Menu #
Nu skal du åbne siden eller indlægget, hvor du vil bruge cirkelmenuen.
- Start med et hvilket som helst nyt eller gammelt indlæg og rediger med Elementor
- Find ElementsKit Circle Menu widget
- Træk og slip widgetten
Indholdsdel #
Her får du to muligheder –
Indhold: Denne mulighed er til at arrangere det indhold, du vil vise gennem cirkler. Du kan tilføje elementer så mange, du vil.
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.
Indstillinger: I dette afsnit kan du justere cirklen med forskellige funktioner, herunder -
- Menuretning: Fra rullemenuen kan du vælge retningen af cirklerne, såsom Top, Venstre, Højre osv.
- Cirkelmenustørrelse: Det lader dig styre størrelsen af cirkelmenuen.
- Cirkelmenuens afstand: Ved at bruge denne mulighed kan du justere afstanden til cirklerne, mens de spredes.
- Fart: Denne mulighed er til at styre menuens hastighed.
- Forsinke: Fra denne bjælke kan du styre trinene ud og trin i tid for cirkelmenuerne.
- Gå ud: Det definerer, hvornår cirkelmenuerne udvides fremad.
- Træde til: Det definerer, hvornår cirkelmenuerne udvides indad.
- Udløser: Du kan indstille udløseren ved klik eller svæv.
- Overgang: Det refererer til den visuelle effekt af menupunkterne, når de ændrer tilstand. Du kan vælge enhver indstilling fra rullemenuen.
Stil #
- Indpakning: For at style omslaget af cirkelmenuen kan du ændre baggrundstypen, boksskygge, kanttype, kantbredde, kantfarve og indholdstransformation.
- Indhold: Her kan du ændre tekstfarve, typografi, størrelse osv.
STEP 3: Check Your Customized Circle Menu #
Dette er et eksempel, se -
For at forenkle navigation, spare plads og give dine indlæg et tiltalende udseende, kan du vælge denne fleksible widget og få dine opgaver løst.
