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.

Inoltre, con ogni elemento puoi personalizzare il titolo, impostare l'icona e inserire il collegamento.

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à.