TechBlogSD - Tutto per WordPress e sviluppo WEB
Istruzioni WEB e WordPress, notizie, recensioni di temi e plugin

Come aggiungere la barra di notifica superiore in WordPress?

78

Molti blogger hanno scritto lunghi articoli tutorial. Tuttavia, l’efficacia dell’articolo non sta nella lunghezza e dipende dai risultati della tua call to action. WordPress ti consente di inserire sezioni di invito all’azione in diversi modi. Il modo più efficace e attraente è aggiungere la barra di notifica in alto. Se stai cercando come aggiungere la barra di notifica in alto in WordPress, spieghiamo diversi modi in questo articolo.

Esempi di barra di notifica superiore

Prima di procedere, per prima cosa ti mostriamo alcuni esempi dei migliori widget della barra di notifica in WordPress. Il primo esempio è tratto dal popolare sito Web GeneratePress a tema leggero. Offrono lo sconto sul tema GeneratePress con due pulsanti di invito all’azione nella barra.

Come aggiungere la barra di notifica superiore in WordPress?

GeneratePress Esempi di notifiche principali

Il secondo esempio è un altro popolare sito Web a tema Astra. Qui puoi vedere il testo di un’offerta speciale con il conto alla rovescia.

Come aggiungere la barra di notifica superiore in WordPress?

Notifica in alto Astra

Potresti vedere centinaia di tali esempi su Internet e crearne uno tuo sul tuo sito Web è un compito facile.

Opzioni per aggiungere la barra di notifica superiore in WordPress

Ecco alcune delle opzioni che puoi utilizzare.

  • Plugin dedicato per la barra di notifica
  • Plugin multiuso
  • Utilizzo delle opzioni del tema con l’API hook di WordPress
  • Utilizzo di incorporamenti di terze parti
  • Usa il tuo CSS personalizzato

1 Utilizzo dei plug-in della barra di notifica dedicati

Ti consigliamo di utilizzare questa opzione in quanto è facile da controllare e personalizzare con il minimo sforzo. Inoltre, puoi ottenere molti plug-in gratuiti per questo scopo invece di cercare un plug-in premium e qui spiegheremo con il plug-in Easy Notification Bar. Il plugin utilizza l’API hook wp_body_open per inserire la notifica sopra la sezione del corpo del tuo sito. Pertanto, funzionerà con qualsiasi tema che utilizza gli ultimi standard di WordPress. Innanzitutto installa e attiva il plug-in Easy Notification Bar.

Come aggiungere la barra di notifica superiore in WordPress?

Installa la barra di notifica facile

Successivamente, vai alla sezione "Plugin > Plugin installati". Fai clic sul collegamento "Impostazioni" sotto il plug-in Easy Notification Bar.

Come aggiungere la barra di notifica superiore in WordPress?

Impostazioni della barra di notifica facile

Personalizzazione delle impostazioni del plugin

Il plugin non offre una pagina delle impostazioni separata. Aggiunge tutte le opzioni nella sezione di personalizzazione predefinita di WordPress. Il vantaggio con questo modo è che puoi facilmente visualizzare in anteprima la barra di notifica su desktop e visualizzazione mobile prima di pubblicarla dal vivo.

Ecco le opzioni che puoi personalizzare con il plugin.

  • Abilita barra di notifica: abilita questa casella di controllo per vedere l’anteprima dal vivo della barra di notifica nell’anteprima. Il vantaggio qui è che puoi cambiare la visualizzazione su desktop, tablet e mobile per confermare l’aspetto della barra senza pubblicare le modifiche.
  • Mostra icona di chiusura: se vuoi che gli utenti chiudano la barra, abilita questa casella. Altrimenti, gli utenti non possono chiudere la barra e sarà sempre presente nella parte superiore delle tue pagine.
  • Icona di chiusura: scegli icone semplici o contornate per il pulsante di chiusura.
  • Abilita persistente: abilita per rendere permanente la tua notifica quando gli utenti scorrono verso il basso l’area del contenuto delle tue pagine.

Come aggiungere la barra di notifica superiore in WordPress?

Impostazioni facili della barra di notifica in Customizer

  • Disabilita solo in prima pagina: seleziona questa opzione per disabilitare la barra di notifica solo sulla tua home page.
  • Messaggio: il plug-in riempirà il messaggio di esempio nella casella, lo eliminerà e aggiungerà il tuo messaggio personalizzato da mostrare nella barra.
  • Colore sfondo/testo: applica i colori dello sfondo e dei caratteri per la barra e il testo.
  • Allineamento testo: allinea il testo all’interno della barra a sinistra, a destra o al centro.
  • Famiglia di caratteri di sistema: utilizzare questa opzione per caricare il carattere di sistema per il contenuto del testo nella barra di notifica. Altrimenti, il plugin utilizzerà le impostazioni predefinite del tuo tema anche per la barra di notifica.
  • Dimensione del carattere: inserisci la dimensione del carattere come 18px per avere una dimensione del testo diversa rispetto alla sezione del tuo corpo.

Come aggiungere la barra di notifica superiore in WordPress?

Personalizzazione della barra di notifica

  • Testo e link del pulsante: aggiungi testo e link per il tuo pulsante
  • Parametri del collegamento: puoi rendere il collegamento del pulsante come nofollow, sponsorizzato e aprirlo in una nuova finestra.

Dopo aver personalizzato le tue impostazioni, fai clic sul pulsante "Pubblica" per vedere la barra di notifica in alto in azione sul tuo sito live. Come puoi vedere lo screenshot qui sotto, sarà simile agli esempi di siti Web professionali come spiegato sopra.

Come aggiungere la barra di notifica superiore in WordPress?

Barra di notifica pubblicata

Opzione alternativa – FooBar

Come indica il nome, il plug-in Easy Notification Bar ti consente di creare una semplice barra in alto senza altre opzioni. Ad esempio, non puoi disabilitare o abilitare solo sulle pagine in cui hai bisogno. Se hai bisogno di una barra di notifica per il tuo sito WordPress con più opzioni, prova il plug-in FooBar.

  • Dopo aver installato il plugin, ti permette di importare le demo che puoi modificare e riutilizzare.

Come aggiungere la barra di notifica superiore in WordPress?

Importa barre demo

  • Puoi creare notifiche, avvisi sui cookie e inviti all’azione, tutto utilizzando un unico plug-in.

Come aggiungere la barra di notifica superiore in WordPress?

Crea una nuova barra di notifica in FooBar

  • Visualizza l’anteprima della barra direttamente nella tua area di amministrazione o nel frontend senza effettivamente pubblicarla.
  • Regola la posizione, la visibilità e l’aspetto secondo le tue necessità.

Come aggiungere la barra di notifica superiore in WordPress?

Regola l’aspetto con FooBar

2 plugin multiuso

Ci sono alcuni plugin che svolgono più attività. Ad esempio, puoi utilizzare il plug-in OptinMonster per aggiungere la barra di notifica in alto in WordPress, sebbene lo scopo principale del plug-in sia la gestione dei lead. Allo stesso modo, puoi utilizzare il plug-in WP Review Pro per aggiungere il widget di notifica in alto, sebbene il plug-in sia pensato per la creazione di recensioni. Qui, spieghiamo con WP Review Pro e puoi controllare nel repository di plugin di WordPress per plugin simili.

  • Una volta installata la versione pro del plug-in WP Review sul tuo sito, crea o modifica una pagina.
  • Il plug-in aggiungerà una meta box di revisione nell’editor e fare clic sulla scheda "Barra di notifica".
  • Seleziona "Utilizza opzioni personalizzate" contro "Abilita" e personalizza l’aspetto della barra delle notifiche.

Come aggiungere la barra di notifica superiore in WordPress?

Impostazioni di WP Review Pro per la barra di notifica

3 Usa le opzioni del tema

Molti temi WordPress offrono un modo semplice per inserire una barra di notifica in alto senza bisogno di alcun plug-in. Ad esempio, gli esempi precedenti che abbiamo mostrato da GeneratePress e Astra utilizzano entrambi l’API hook di WordPress e opzioni di layout personalizzate. Ecco come creare la barra di notifica superiore nel tema GeneratePress senza plug-in.

  • Per prima cosa, prepara il contenuto HTML per la barra.
  • Vai alla sezione "Aspetto> Widget" e incolla il tuo HTML all’interno di un elemento " HTML personalizzato " nell’area del widget "Barra superiore".

Come aggiungere la barra di notifica superiore in WordPress?

Aggiungi HTML personalizzato nel widget della barra superiore

  • Salva le modifiche e vai alla sezione "Aspetto> Personalizza".
  • Vai alla sezione "Barra superiore" e regola il riempimento, la larghezza e l’allineamento della barra.

Come aggiungere la barra di notifica superiore in WordPress?

Personalizzazione della barra superiore in GeneratePress

  • Visualizza in anteprima e pubblica le modifiche.

Come aggiungere la barra di notifica superiore in WordPress?

Barra di notifica con il widget GeneratePress Top Bar

L’aspetto della barra dipende dal codice HTML e puoi incorporare il pulsante e il testo per visualizzarli in un’unica riga.

4 Utilizzo di incorporamenti di terze parti

Oltre ai temi e ai plugin di WordPress, hai anche opzioni di terze parti. Puoi utilizzare l’abbonamento e-mail da MailChimp o da qualsiasi altro provider nella parte superiore del tuo sito. Questo è il modo migliore per raccogliere e-mail dai lettori conformi al GDPR e ad altre leggi locali. Allo stesso modo, puoi utilizzare Hello Bar o un servizio simile per aggiungere la barra di notifica in alto per indirizzare il traffico verso una pagina di destinazione.

5 Usare il tuo CSS

Puoi semplicemente aggiungere un pezzo di codice CSS sopra l’ area del menu di navigazione nella sezione dell’intestazione. Tuttavia, questa è un’opzione rigida e devi personalizzare la barra per la visualizzazione mobile. Inoltre, non è possibile modificare la barra su pagine diverse in base al contenuto. Pertanto, non lo spiegheremo in dettaglio.

Fattori da considerare prima di scegliere il plugin Top Notifications Bar

Sebbene siano disponibili diverse opzioni, devi considerare lo scopo prima di scegliere l’opzione adatta a te.

  • Per scopi di email marketing, assicurati di controllare se il plug-in consente l’integrazione con i moduli email. In alternativa, puoi scegliere fornitori di servizi di terze parti come MailChimp.
  • Mostra i tuoi coupon di prodotto o i coupon di affiliazione necessitano di bellissimi pulsanti con icone.
  • Per indirizzare il traffico verso qualsiasi pagina di destinazione, puoi avere una barra dall’aspetto semplice.
  • Il prodotto o altri lanci necessitano di un timer nella barra.

Parole finali

Come puoi vedere, ci sono molte opzioni disponibili per inserire la barra di notifica in alto nel tuo sito WordPress. si consiglia di utilizzare l’opzione tema, se disponibile, anche se è necessario dedicare un po’ di tempo alla creazione del codice HTML. I plugin gratuiti sono facili da usare ma con opzioni limitate. L’opzione migliore è utilizzare plug-in premium in modo da avere il controllo completo della barra di notifica.

Fonte di registrazione: www.webnots.com
Lascia una risposta

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More