I pulsanti possono sembrare una cosa da poco, ma possono fare molto per il vostro sito web. I pulsanti sono uno dei modi più semplici per guidare i visitatori verso l'azione desiderata.
Dal condurre le persone alla pagina del prodotto all'invitarli a leggere di più o a iscriversi, un bel pulsante può fare la differenza. La buona notizia è che non è necessario avere competenze di codifica per progettarli.
WordPress dispone di opzioni integrate e, con un piccolo aiuto da parte di un plugin di blocco, è possibile ottenere un controllo ancora maggiore sull'aspetto dei pulsanti.
In questo post, vi illustrerò tre semplici metodi per creare pulsanti eleganti in WordPress.
Inizieremo con l'editor predefinito, passeremo a un plugin che offre maggiore flessibilità e termineremo con un metodo bonus per aggiungere pulsanti all'interno delle tabelle. Entriamo nel vivo.
Creare bellissimi tavoli
Con l'editor di blocchi
✅Metodo 1: Utilizzo del blocco di pulsanti predefinito
WordPress ha un blocco pulsanti integrato che funziona bene nella maggior parte dei casi. Lo troverete all'interno dell'editor dei blocchi quando fate clic sulla piccola icona (+) e cercate "Buttons".
Quando il blocco del pulsante viene inserito, viene richiesto di aggiungere del testo all'interno del pulsante.
Una volta inserito il blocco, è possibile aggiungere uno o più pulsanti affiancati. Ogni pulsante può essere personalizzato direttamente dalla barra laterale destra. Troverete opzioni per:
- Larghezza del pulsante (completa o automatica)
- Colore del testo e dello sfondo
- Imbottitura e allineamento
- Raggio del bordo (per gli angoli arrotondati)
È un buon punto di partenza, soprattutto se ci si attiene a un design minimalista.⚠️Ma si arriva rapidamente a un limite se si ha bisogno di altre opzioni di stile, come effetti hover, gradienti o spaziatura reattiva.
🛠️ Un consiglio da professionista: Volete un pulsante perfettamente arrotondato? Impostate il raggio del bordo a 100 per un pulsante a pastiglia.
✅Metodo 2: Utilizzo del blocco Buttons di Ultimate Blocks
Se si desidera un maggiore controllo senza scrivere CSS, Blocchi definitivi è un fantastico plugin per Gutenberg da provare. Aggiunge un'interfaccia migliorata Blocco pulsanti costruito tenendo conto della personalizzazione.
L'installazione di Ultimate Blocks è un'operazione semplice.
-
Andare a Plugin
-
Fare clic su Aggiungi plugin
-
Ricerca di "Tableberg"
-
Cliccare Installare, allora Attivare
Dopo installare e attivare Ultimate Blocks, aggiungere il blocco "Pulsanti (blocchi Ultimate)".
Per inserire i pulsanti dei blocchi Ultimate, fate clic sulla piccola icona (+) e cercate "Button (Improved)".
Noterete subito la differenza quando aggiungerete il pulsante Ultimate Blocks. Ecco cosa si può modificare nelle impostazioni dei blocchi:
-
Giustificazione e orientamento dei pulsanti
-
Dimensioni del pulsante
-
Larghezza del pulsante