Come aggiungere pulsanti in WordPress: migliora i tuoi pulsanti WordPress con PostX

Il blocco pulsanti di WordPress è un potente blocco per WordPress che porta la personalizzazione dei pulsanti a un livello completamente nuovo. Con una vasta gamma di opzioni e funzionalità, ti consente di creare pulsanti accattivanti e interattivi che coinvolgono i visitatori del tuo sito web. Quindi, come aggiungere pulsanti in WordPress?

Utilizzare i seguenti passaggi per utilizzare i pulsanti in WordPress

• Installa PostX
• Aggiungi blocco pulsante PostX
• Aggiungi collegamenti nel pulsante WordPress
• Personalizza il blocco pulsanti

Oggi esploreremo i punti salienti del blocco pulsanti PostX, come aggiungere pulsanti in WordPress usando PostX. Senza ulteriori indugi, iniziamo.

Come aggiungere pulsanti su WordPress

Ora spiegheremo come aggiungere pulsanti ai siti WordPress. Segui questa guida passo-passo e potrai aggiungere il pulsante WordPress perfetto nel tuo sito web.

Tutorial video

Ecco un video tutorial per aggiungere WordPress Button al tuo sito web.

Passaggio 1: installa PostX

Per sbloccare le potenti funzionalità di PostX e sfruttarne le funzionalità, è necessario installare il plug-in.

Per installare e attivare il plug-in PostX Gutenberg Blocks:

1. Vai su Plugin → Aggiungi nuovo.
2. Cerca "PostX".
3. Fare clic su Installa e quindi su Attiva.

Ottieni PostX Pro per sbloccare tutte le entusiasmanti funzionalità e creare fantastici siti web !

Ora sei pronto per migliorare il tuo sito Web con i pulsanti di WordPress.

Passaggio 2: aggiungi il blocco pulsante PostX

Abbiamo completato l'installazione di PostX. E i pulsanti sono ora disponibili per l'uso insieme alla sua personalizzazione estesa. Quindi, senza ulteriori indugi, ti mostriamo come aggiungere pulsanti in WordPress.

Per prima cosa, devi andare su una pagina. Puoi andare all'opzione della pagina WordPress e fare clic su Aggiungi nuovo per creare una nuova pagina. Quindi, cerca "Button Group" per selezionare questo blocco. E questo aggiungerà il pulsante WordPress alla pagina.

Passaggio 3: aggiungi collegamenti nei pulsanti di WordPress

Il collegamento ipertestuale di un pulsante o in termini semplici l'aggiunta di collegamenti nei pulsanti di WordPress è facile.

È necessario selezionare prima il pulsante e selezionare i testi che si desidera collegare tramite collegamento ipertestuale. Ora vedrai il suggerimento predefinito di WordPress. Dal tooltip vedrai l'opzione "Link" con l'icona del collegamento ipertestuale. Basta fare clic su di esso per aprire la casella dell'URL e lì aggiungere il collegamento desiderato per aggiungere collegamenti nel pulsante.

Passaggio 4: personalizzare il blocco pulsanti

Una volta selezionato il blocco, vedrai tutte le opzioni di personalizzazione nella barra laterale destra.

Esistono due tipi di impostazioni per questo blocco. Poiché puoi aggiungere più pulsanti, questo blocco ha impostazioni separate per "Pulsante" e "Gruppo di pulsanti".

Ti mostreremo tutte le opzioni di personalizzazione e come usarle.

Impostazioni di personalizzazione per pulsante singolo

Per selezionare e aprire le impostazioni per il pulsante, è necessario fare clic sul pulsante.

Stile

Innanzitutto, fai clic sul pulsante per ottenere la sua opzione di personalizzazione. La prima impostazione che vedrai sono le opzioni Stile. Attualmente, ha 4 opzioni di stile. Puoi scegliere quello che meglio si adatta al design del tuo sito.

Dimensione del pulsante

La prossima opzione che otterrai è cambiare la dimensione del pulsante. Otterrai Small, Medium, Large, Extra Large e Custom per impostazione predefinita. Otterrai la dimensione del pulsante preimpostata se selezioni l'opzione Dimensioni piccole, medie, grandi o extra grandi.

Ma se desideri personalizzare completamente le dimensioni del pulsante, puoi farlo selezionando "Personalizzato" e regolando la parte superiore, destra, inferiore e sinistra per impostare le misure orizzontali e verticali.

Ecco una prospettiva visiva dei diversi stili di pulsanti.

Testo

Quindi, otterrai le impostazioni del testo. Ciò ti consentirà di personalizzare il testo del pulsante in base alle tue necessità. Vedrai le impostazioni per "Tipografia testo", "Colore testo" e "Colore passaggio del testo".

Se espandi l'impostazione Tipografia del testo, puoi modificare la dimensione del carattere (completamente personalizzabile), selezionare i caratteri (compresi i caratteri personalizzati) , lo spessore del carattere, l'altezza, la spaziatura, la decorazione del testo e gli stili del testo e trasformarlo in maiuscolo, minuscolo e caso del titolo.

Ecco una prospettiva visiva dell'effetto al passaggio del mouse.

Sfondo

Questa impostazione ti consentirà di personalizzare tutti gli sfondi di questo blocco di pulsanti.

Innanzitutto, puoi impostare il pulsante Margine, che è completamente personalizzabile, per ottenere il perfetto posizionamento orizzontale e verticale.

Quindi puoi cambiare i colori dei pulsanti, sia solidi che sfumati. Fare clic su ciascuno per aprire la tavolozza dei colori.

Successivamente, puoi regolare il bordo di questo pulsante. Questa impostazione include gli stili del bordo (3 stili predefiniti), la larghezza del bordo e il colore.

Inoltre, regola il raggio del bordo del pulsante selezionato.

Inoltre, otterrai l'impostazione Box Shadow. L'espansione ti consentirà di regolare "Offset-X", "Offset-Y", "Blur" e "Spread".

Inoltre, puoi impostare il colore dell'ombra. E otterrai l'interruttore "Inset" se desideri che il pulsante oscuri verso l'interno anziché verso l'esterno.

Icona

L'ultima impostazione che otterrai nelle impostazioni dei pulsanti è l'impostazione dell'icona. Devi abilitare la barra di commutazione per usarlo. E una volta espansa l'impostazione, vedrai il menu "Icon store", dove puoi selezionare le icone da una vasta libreria.

C'è un pulsante per scambiare l'icona da prima a dopo il testo.

È possibile modificare le dimensioni dell'icona e regolare lo spazio tra l'icona e il testo.

Inoltre, puoi cambiare il colore dell'icona sia in normale che al passaggio del mouse. È necessario fare clic sulla personalizzazione del colore dell'icona per aprire la tavolozza dei colori.

Impostazioni di personalizzazione per gruppo di pulsanti (pulsanti multipli)

Per selezionare il gruppo di pulsanti, vedrai un'icona "Seleziona gruppo di pulsanti" nel tooltip predefinito di WordPress.

Bottone Gap

Dopo aver selezionato il gruppo di pulsanti, troverai l'impostazione Button Gap. Questa impostazione aiuta a impostare il divario tra 2 e più pulsanti.

Allineamento orizzontale e verticale

Qui puoi regolare l'allineamento orizzontale e verticale di più pulsanti.

Puoi anche attivare o disattivare l'allineamento verticale per impostare i pulsanti verticalmente.

Margine

Puoi anche regolare il margine dell'intero gruppo di pulsanti da questa impostazione.

Animazione pulsante

Questa è una delle impostazioni più interessanti nel blocco dei pulsanti. Attualmente, otterrai 4 animazioni impostate nel blocco dei pulsanti di WordPress. E ognuno di essi fornisce un approccio diverso quando passi il mouse sopra il pulsante. Inoltre, puoi regolare la posizione dell'animazione con il cursore Trasformazione pulsante.

Ecco un'immagine delle animazioni dei pulsanti.

E questo è tutto ciò che otterrai con il blocco Button di WordPress. Ora sai come aggiungere pulsanti WordPress con PostX.

Ottieni PostX Pro per sbloccare tutte le entusiasmanti funzionalità e creare fantastici siti web !

Conclusione

Ora che sai come aggiungere pulsanti in WordPress, il blocco Button offre opzioni di personalizzazione avanzate, inclusi stili di pulsanti, integrazione di icone, sfondi sfumati, effetti al passaggio del mouse, tipografia avanzata, funzionalità di gruppi di pulsanti e animazioni. Puoi creare fantastici pulsanti di condivisione social o persino implementare un pulsante Carica di più completamente personalizzato nel tuo sito.

Con questo potente strumento, puoi creare pulsanti visivamente accattivanti e accattivanti che migliorano l'esperienza utente del tuo sito web. Approfitta del blocco dei pulsanti WordPress di PostX per liberare la potenza dei pulsanti personalizzabili in WordPress.

Puoi dare un'occhiata ai tutorial video di WordPress sul nostro canale YouTube. Inoltre, trovaci su Facebook e Twitter per aggiornamenti regolari!