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.
Comment utiliser le widget ElementsKit Circle Menu ? #
Pour utiliser le widget, vous devez passer à ElementsKit Pro.
Après cela, à partir de votre tableau de bord WordPress > Rechercher ElementsKit > Accédez à Widgets > Menu circulaire > Activez le widget et cliquez sur Enregistrer les modifications.
Personnalisation du menu circulaire #
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.
De plus, avec chaque élément, vous pouvez personnaliser le titre, définir l'icône et insérer un lien.
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.
Résultat final #
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.