Come aggiungere pulsanti permanenti sul sito Web di WordPress

Last updated Ott 18, 2021

Contenuto

Aggiungi pulsanti permanenti al tuo sito WordPress

Inizio

Esistono 2 modi per aggiungere pulsanti permanenti in WordPress. Un modo è costruire il codice da zero e l’altro è usare un plugin. Per questo tutorial, userò un plugin. Il motivo è ovvio, se possiamo ottenere un buon plugin in grado di svolgere il nostro piccolo compito, allora perché perdere tempo a costruirlo da zero.

Ha senso codificare se si desidera creare funzionalità grandi e complesse. In tali casi, i plug-in potrebbero non essere adatti al tuo scopo ed è meglio non fare affidamento su di essi poiché i loro aggiornamenti potrebbero interrompere la funzionalità. Ma per compiti più piccoli come questo (pulsanti permanenti) puoi fare affidamento sui plugin.

WP Sticky è uno dei plugin più efficaci per aggiungere elementi adesivi al tuo sito web. È un piccolo plug-in che ti consente di aggiungere un numero illimitato di elementi permanenti, compatibile con tutti i temi, plug-in e page builder e l’intera procedura può essere eseguita in pochi minuti. Sottolinea la semplicità del processo, quindi l’intera procedura consiste in:

Dai un nome al tuo elemento
Sposta e fai clic sul pulsante Seleziona elemento
Selezione dell’elemento desiderato che si desidera rendere appiccicoso
Facendo clic su "Salva modifiche"

E questo è più o meno tutto: l’elemento selezionato è ora allegato al tuo sito. Ci sono alcune impostazioni incluse, quindi puoi giocare con l’opacità dell’elemento appiccicoso, scegliere un effetto di dissolvenza in apertura o scorrimento verso il basso, impostare l’intervallo di scorrimento e altro ancora. Inoltre, puoi impostare preferenze diverse in base ai requisiti del tuo sito web idealmente – puoi aggiungere una restrizione basata su un criterio specifico, il che significa che l’elemento non apparirà come appiccicoso su quello selezionato:

Pagine
Post
Categorie
tag:
O tipi di messaggio

Naturalmente, puoi modificarlo ovunque o impedirlo su uno di quelli menzionati per ottenere il pieno controllo del plug-in. Preoccupato per come verranno visualizzati su dispositivi diversi? Questo può anche essere configurato nella scheda Dispositivi, dove puoi scegliere le dimensioni esatte dello schermo su cui i tuoi elementi appariranno come appiccicosi. Puoi scegliere quasi tutti gli elementi che ti piacciono, che si tratti di un’intestazione adesiva, menu appiccicoso, widget, navigazione, video … tutto può essere impostato in pochi minuti e puoi crearne quanti ne vuoi. Efficace, elegante e il più semplice possibile.

Inoltre, ci sono altri strumenti per aiutarti a creare elementi adesivi sul tuo sito. Allo stesso tempo, installa e attiva il plugin Smart Floating Action Buttons – Buttonizer. Nella prossima sezione vedremo come utilizzare questo plugin.

Aggiungi pulsanti permanenti al tuo sito WordPress

Dopo aver installato il plugin, vai al menu "Buttonizer" nel pannello di controllo. Questo plugin non ha una pagina delle impostazioni di backend. Fornisce invece un’interfaccia in modo da poter vedere immediatamente l’impatto delle modifiche.

Il plugin fornisce oltre 25 azioni al clic. Supponiamo che da un elenco desideri aggiungere un’e-mail, un telefono e una mappa di Google ai pulsanti permanenti su un sito web.

Fare clic sul pulsante Aggiungi e assegnare un nome al pulsante. Do al pulsante il nome "Telefono". Successivamente, vedrai un pulsante nel front-end come mostrato di seguito.

Poiché questo pulsante è per un "numero di telefono", è necessario configurarlo. Fare clic sull’icona Impostazioni accanto a TELEFONO. Si aprirà il pannello delle opzioni per la personalizzazione del pulsante.

Dall’elenco a discesa Azione pulsante, selezionare Chiama azione (numero di telefono). Aggiungi il tuo numero di telefono alla casella di testo.

Quindi voglio impostare un’icona del telefono per questo pulsante. Questo può essere fatto dalle sezioni STYLE >> ICON. Sotto l’icona ICONA, fai clic su SELEZIONA ICONA, si aprirà una finestra pop-up in cui selezionare un’icona dalla libreria Font Awesome.

Seguendo la stessa procedura, possiamo aggiungere altrettanti pulsanti al sito. Per ogni pulsante, seleziona l’azione del pulsante corrispondente e otterrai diverse opzioni per il pulsante.

Infine, vogliamo impostare la posizione per i pulsanti permanenti. Per fare ciò, fai clic sull’icona "Impostazioni" accanto a "NUOVO GRUPPO".

Nella sezione Posizione è possibile ottenere i parametri per l’impostazione della posizione dei pulsanti. Voglio che sia giusto e centrato. Quindi, ho impostato "0%" in "ORIZZONTALE" e la parte centrale in "VERTICALE".

I plug-in Buttonizer offrono molte altre funzionalità con cui dovresti giocare e familiarizzare. Il plug-in fornisce opzioni per il colore del pulsante, l’animazione del pulsante, lo sfondo, le classi personalizzate, la visibilità del dispositivo e altro.

Con le impostazioni di cui sopra applicate, i pulsanti permanenti appariranno sul sito Web come mostrato nello screenshot qui sotto.

Spero che tu abbia scoperto l’aggiunta di pulsanti permanenti al tuo sito WordPress. Si prega di condividere i tuoi pensieri e suggerimenti nella sezione commenti qui sotto.

Come aggiungere pulsanti permanenti sul sito Web di WordPress

Inizio

Aggiungi pulsanti permanenti al tuo sito WordPress

articoli Correlati