Pour déclencher des actions ou diriger les utilisateurs vers différentes sections à travers des dispositions circulaires bien conçues, vous pouvez utiliser le widget ElementsKit Circular Menu.
Voyons comment vous pouvez utiliser le 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 ElementsKit et ElementsKit Pro.
2. Open your page with Elementor.
3. Search for the Menu Cercle 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.
Exemple: 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.
Widget de menu circulaire ElementsKit #
Exigences: 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 #
Accéder your WordPress dashboard
- Find ElementsKit
- Go to Widgets
- Trouver Circle Menu > Turn ON the widget
- Click save changes
STEP 2: Customizing Circle Menu #
Maintenant, vous devez ouvrir la page ou la publication sur laquelle vous souhaitez utiliser le menu circulaire.
- Commencez par n'importe quel nouveau ou ancien message et modifier avec Elementor
- Trouvez le Widget de menu circulaire ElementsKit
- Glissez et déposez le widget
Partie contenu #
Ici, vous aurez deux options –
Contenu: Cette option permet d'organiser le contenu que vous souhaitez afficher à travers des cercles. Vous pouvez ajouter autant d'éléments que vous le souhaitez.
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.
Paramètres: Dans cette section, vous pouvez ajuster le cercle avec diverses fonctionnalités, notamment :
- Direction des menus : Dans le menu déroulant, vous pouvez choisir la direction des cercles, par exemple Haut, Gauche, Droite, etc.
- Taille du menu circulaire : Il vous permet de contrôler la taille du menu circulaire.
- Distance du menu circulaire : En utilisant cette option, vous pouvez ajuster la distance des cercles pendant qu'ils se propagent.
- Vitesse: Cette option permet de contrôler la vitesse du menu.
- Retard: À partir de cette barre, vous pouvez contrôler le temps de sortie et d’entrée des menus circulaires.
- Sors: Il définit le moment où les menus circulaires se développent.
- Intervenir: Il définit le moment où les menus circulaires se développent vers l'intérieur.
- Déclenchement: Vous pouvez définir le déclencheur en cliquant ou en survolant.
- Transition: Il fait référence à l'effet visuel des éléments de menu lorsqu'ils changent d'état. Vous pouvez choisir n’importe quelle option dans le menu déroulant.
Style #
- Emballage : Pour styliser l'enveloppe du menu circulaire, vous pouvez modifier le type d'arrière-plan, l'ombre de la boîte, le type de bordure, la largeur de la bordure, la couleur de la bordure et la transformation du contenu.
- Contenu: Ici, vous pouvez modifier la couleur du texte, la typographie, la taille, etc.
STEP 3: Check Your Customized Circle Menu #
Ceci est un exemple, jetez un œil –
Pour simplifier la navigation, économiser de l'espace et donner un aspect attrayant à vos publications, vous pouvez choisir ce widget flexible et accomplir vos tâches.
