Menu Cercle

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.

Quels sont tes sentiments
Mis à jour le 14 mars 2024