![Come aggiungere un pulsante nell'editor di WordPress [tutorial]](https://www.ait-themes.club/wp-content/uploads/2019/07/BE-Button.jpg)
Sommario
Perché il blocco dei pulsanti di WordPress è così importante?
La navigazione sul sito web è importante per visitatori e clienti. Vogliamo inviarli da una sottopagina ulteriormente. Guidali attraverso l'intero processo di acquisto. Ecco perché è importante inserire correttamente i link importanti all'interno del contenuto della pagina.
Fondamentalmente abbiamo 2 opzioni. Usa link o pulsanti standard. Le opinioni su quando utilizzare la prima e la successiva opzione sono varie. È normale che su una pagina ci siano più azioni possibili. Dobbiamo assicurarci quale sia primario e quale secondario. Ti consigliamo di utilizzare il pulsante solo per l'azione principale. In questo modo ottieni una maggiore visibilità di questa azione primaria. Concentrerai l'attenzione dei visitatori su questa azione. Possiamo anche chiamarlo pulsante di invito all'azione. Non creare troppi pulsanti su una sottopagina.
Quali sono le funzioni dei pulsanti principali?
- I pulsanti possono attirare l'attenzione dei visitatori: invito all'azione
- Separano la pagina o pubblicano il contenuto e lo rendono più leggibile
- Aiuto con l'orientamento sulla pagina. Molti visitatori scansionano solo visivamente la pagina con i loro occhi
- Sposta i visitatori verso altre pagine utilizzando i collegamenti ipertestuali
Ci sono molti parametri che determinano il successo del pulsante. Importante è ad esempio la dimensione, il posizionamento o il colore del pulsante. È necessario seguire i principi standard di UI e UX. Il colore verde viene utilizzato per i pulsanti con azione positiva, ad esempio per acquistare qualcosa. Il colore rosso è per quello negativo, ad esempio per annullare l'iscrizione alla newsletter. Pulsanti progettati correttamente in questo modo influenzano direttamente le azioni dei visitatori.
Aggiunta di pulsanti su qualsiasi pagina o post in WordPress
Situazione prima di WordPress 5
L'aggiunta di pulsanti era un processo piuttosto complicato prima dell'invenzione dell'editor di blocchi di WordPress. Perché questa funzione non era naturalmente in WordPress. Puoi utilizzare il tema con Page Builder o plug-in di terze parti. Gli shortcode creano pulsanti in questo caso.
Nei nostri vecchi temi WordPress puoi aggiungere pulsanti utilizzando gli shortcode nell'editor visivo. Dopo aver fatto clic su Inserisci Shortcode -> Pulsante è possibile impostare varie impostazioni nella finestra modale. Testo, colore del testo, colore del pulsante, URL, allineamento e così via. Grazie a queste impostazioni avanzate puoi aggiungere un pulsante abbastanza facilmente e velocemente senza alcuna programmazione.
Come utilizzare il blocco dei pulsanti nell'editor di WordPress?
Grazie a WordPress 5 c'è una seconda via. Molto più facile. L'editor visivo di WordPress offre molti blocchi utili. Per creare un pulsante sul sito Web ora puoi utilizzare il blocco pulsante di WordPress nell'editor.
Guida dettagliata su come aggiungere il pulsante nell'editor di WordPress
1. Per prima cosa devi decidere dove desideri inserire il pulsante
2. Il blocco pulsanti può essere aggiunto in vari modi:
– facendo clic su "+" nella barra in alto o in qualsiasi punto dell'editor di blocchi in cui si seleziona Blocco pulsante
– puoi anche trovare qualsiasi blocco usando la barra di ricerca, basta scrivere “pulsante”
– digitando “/“ che ti dà accesso a tutti i blocchi disponibili
3. Il blocco pulsante creato può essere ulteriormente configurato
Aggiungi il testo del pulsante e l'indirizzo URL
Non appena viene creato il pulsante Blocco di WordPress, puoi digitare il testo al suo interno. Ricorda che per il pulsante di invito all'azione è meglio utilizzare un testo breve con un messaggio chiaro. È possibile impostare il testo in grassetto, corsivo o sottolineato. Tutte queste modifiche possono essere apportate facendo clic sulla barra degli strumenti. Puoi anche allineare il pulsante di lato o centrarlo.
Il pulsante di solito punta a un'altra pagina o a un sito web esterno. Per questo motivo proprio sotto c'è un input per aggiungere l'indirizzo URL. Il vantaggio è che l'aggiunta di URL non richiede la selezione del testo.
Modifica del colore del pulsante
Il nuovo editor ti consente di modificare il blocco dei pulsanti di WordPress in pochi secondi. Basta usare le impostazioni nella barra laterale sul lato destro. È possibile modificare il colore di sfondo del pulsante o il colore del testo all'interno del pulsante. Ci sono colori predefiniti di base oppure puoi sceglierne uno tuo. Tutte le modifiche sono immediatamente visibili per vedere se la combinazione di colori va bene.
La grande caratteristica è che se selezioni combinazioni sbagliate, ad esempio sfondo grigio e colore del testo bianco, l'editor di blocchi di WordPress ti avviserà che il pulsante potrebbe non essere leggibile sul tuo sito web.
Trova il tuo stile di pulsante
Per creare o modificare il pulsante in modo ultra veloce e senza alcuno sforzo puoi utilizzare uno degli stili preparati. Il pulsante può essere modificato in questo modo, ad esempio arrotondato, bordato o rettangolare. Sperimenta ciò che si abbina meglio allo stile o al design del tuo sito web.
Pulsante di modifica con CSS personalizzato
È possibile ottenere una personalizzazione ancora maggiore utilizzando classi CSS personalizzate. In questo modo puoi aggiungere i tuoi stili CSS e il pulsante di stile nell'editor di WordPress esattamente come desideri.
Come possiamo vedere, esiste un modo molto più semplice rispetto all'utilizzo dello shortcode dei pulsanti. Il blocco pulsante di WordPress può essere utilizzato in qualsiasi tema compatibile con WordPress Block Editor. Maggiori informazioni sul nostro nuovissimo tema WordPress Citadela. È appositamente progettato e sviluppato per WordPress Block Editor.
Suggerimento extra alla fine
Non dimenticare di monitorare il blocco dei pulsanti di WordPress e il successo del pulsante stesso. Se utilizzi Google Analytics, puoi creare un URL univoco. Per tenere traccia dei clic dei visitatori è possibile aggiungere Parametro Google UTM. L'URL può essere creato utilizzando il generatore di URL. L'aggiunta di parametri consente di identificare la fonte della visita. È molto utile se desideri sapere da dove i visitatori sono arrivati alla tua pagina di shopping.
Qual è il problema più grande che hai attualmente con il blocco dei pulsanti di WordPress? Discutiamo nei commenti qui sotto. Condividi la tua esperienza con l'utilizzo dei pulsanti sul sito web.
Grazie per aver condiviso questo tutorial. Puoi anche guidarmi come posso creare un modello di blocco? Sto facendo lo stesso usando questa risorsa https://wpitech.com/create-wordpress-gutenberg-block-templates/ ma sta dando un errore e sto avendo alcune linee di programmazione in front-end. Questo è il codice
add_action( 'init', funzione() {
$arget = matrice(
'pubblico' => vero,
'etichetta' => 'Notizie',
'show_in_rest' => vero,
'template_lock' => 'tutto',
'modello' => matrice(
array( 'nucleo/paragrafo', array(
'placeholder' => 'Ultime notizie',
grazie mille per il bel post…..
Sai se esiste un modo per comprimere il contenuto con un pulsante senza scaricare un plug-in? Fondamentalmente sto usando wordpress.com premium, non business, quindi scaricare plugin non è davvero un'opzione facile.
Grazie!
Ciao,
grazie per avermelo chiesto. Dovresti chiedere direttamente al team di supporto di wordpress.com se possono offrire una soluzione per risolvere il tuo problema. Distinti saluti!
Zlatko
squadra dell'AIT