Menù Cerchio

Per attivare azioni o indirizzare gli utenti verso diverse sezioni attraverso layout circolari ben progettati, puoi utilizzare il widget Menu circolare ElementsKit.

Vediamo come è possibile utilizzare il widget.

Come utilizzare il widget del menu circolare di ElementsKit? #

Per utilizzare il widget, è necessario eseguire l'aggiornamento a ElementsKit Pro.

Dopodiché, da nella dashboard di WordPress > Trova ElementsKit > Vai su Widget > Menu circolare > Attiva il widget e fai clic su Salva modifiche.

Personalizzazione del menu circolare #

Ora devi aprire la pagina o il post in cui desideri utilizzare il menu circolare.

  • Inizia con qualsiasi post nuovo o vecchio e modifica con Elementor
  • Trovare il Widget del menu circolare di ElementsKit
  • Trascina e rilascia il widget

Parte del contenuto #

Qui avrai due opzioni:

Contenuto: questa opzione serve per organizzare il contenuto che desideri mostrare nelle cerchie. Puoi aggiungere elementi quanti ne desideri.

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.

Content part of circle menu

Impostazioni: In questa sezione puoi regolare il cerchio con varie funzionalità tra cui:

  • Direzione del menu: Dal menu a discesa puoi scegliere la direzione dei cerchi, ad esempio Alto, Sinistra, Destra, ecc.
  • Dimensioni del menu circolare: Ti consente di controllare la dimensione del menu circolare.
  • Distanza dal menu circolare: Utilizzando questa opzione, puoi regolare la distanza dei cerchi mentre si allargheranno.
  • Velocità: Questa opzione serve per controllare la velocità del menu.
  • Ritardo: Da questa barra è possibile controllare il tempo di uscita e di entrata dei menu circolari.
  • Uscire: Definisce quando i menu circolari si espandono in avanti.
  • Intervenire: Definisce quando i menu circolari si espandono verso l'interno.
  • Grilletto: È possibile impostare l'attivazione al clic o al passaggio del mouse.
  • Transizione: Si riferisce all'effetto visivo delle voci di menu, quando cambiano stato. Puoi scegliere qualsiasi opzione dal menu a discesa.

Stile #

  • Involucro: Per definire lo stile del wrapper del menu circolare, puoi modificare il tipo di sfondo, l'ombra della casella, il tipo di bordo, la larghezza del bordo, il colore del bordo e la trasformazione del contenuto.
  • Contenuto: Qui puoi modificare il colore del testo, la tipografia, la dimensione, ecc.

Risultato finale #

Questo è un esempio, dai un'occhiata -

Per semplificare la navigazione, risparmiare spazio e dare un aspetto accattivante ai tuoi post, puoi scegliere questo widget flessibile e portare a termine le tue attività.

Quali sono i tuoi sentimenti?
Aggiornato il 3 dicembre 2024