Come aggiungere una barra laterale di WordPress nel 2022 + Best practice

Pubblicato: 2023-04-07

Una barra laterale mostra informazioni che non fanno parte del contenuto principale e ti consente di organizzare i tuoi contenuti e renderli più allettanti.

Cos'è una barra laterale in WordPress?

Una barra laterale di WordPress è una funzionalità del tema solitamente mostrata in una colonna verticale sul lato sinistro o destro; Puoi anche personalizzare le barre laterali orizzontalmente in una forma rettangolare sotto o sopra il contenuto principale.

Anatomia della pagina WordPress

Inoltre, le barre laterali sono essenziali nella progettazione dei layout di WordPress; ad esempio, puoi utilizzare le barre laterali per creare un elenco di articoli e commenti recenti, elenchi di articoli e pagine popolari o persino per visualizzare annunci pubblicitari.

Qual è lo scopo di una barra laterale di WordPress?

Dopo aver deciso di aggiungere una barra laterale, devi assicurarti che sia pertinente e significativa per:

  • Aiuta le persone a trovare le sezioni che stanno cercando
  • Ottieni contatti
  • Aumentare le entrate attraverso la pubblicità

Cosa sono le barre laterali adesive?

Una barra laterale adesiva o mobile è un widget che può essere bloccato in posizione, quindi è sempre sullo schermo e non scompare mai, anche quando gli utenti scorrono verso il basso; questo widget può essere utilizzato per le informazioni che si desidera siano accessibili in qualsiasi momento.

Barre laterali di WordPress; Sinistra o destra?

Alcune persone credono che il posto migliore per aggiungere una barra laterale sia in alto a destra nella pagina; poiché leggiamo da sinistra a destra, naturalmente, la parte superiore destra della pagina è un luogo che non può essere ignorato. Tuttavia, puoi provarlo e vedere da che parte sta andando meglio o eseguire un test A/B sul tuo sito WordPress.

Come creare una barra laterale in WordPress in 3 semplici passaggi

Esistono vari modi per creare barre laterali di WordPress; abbiamo elencato i tre più popolari qui. Puoi creare una barra laterale di WordPress:

1. Utilizzo dell'Editor blocchi

L'utilizzo dell'editor del sito è il modo più semplice per aggiungere una barra laterale; tuttavia, è necessario utilizzare una versione di WordPress superiore alla 5.9 e un tema basato su blocchi. Esistono due modi possibili per aggiungere barre laterali con l'editor di blocchi:

Utilizzo di un motivo a blocchi

Un modello di blocco è un modello di blocchi predefiniti che puoi modificare per soddisfare il tuo scopo. Per aggiungere un pattern a blocchi al tuo WordPress, devi fare clic su Aspetto > Editor del sito > Icona più (+) > Pattern > Barra laterale > Esplora, e lì puoi vedere tutti i pattern disponibili.

Creazione da zero

Un altro modo per WordPress di aggiungere una barra laterale è impostare tutto manualmente; per fare ciò, dovresti creare un gruppo di blocchi composto da colonne per il ciclo di query e la barra laterale. Per creare una barra laterale da zero, devi aprire l'editor Sire > icona Più (+) > Gruppo > Colonne, quindi devi selezionare una variazione di colonna; per ogni evenienza, si consigliano 30/70 per la barra laterale sinistra e 70/30 per la barra laterale destra.

Ccqiw2RZcn9ao7pbpQ1DHZbEXIU6WnY4ARzDyXOPbBTf5FC0ssFLOrkKscLvg2pDYiEOQRQa06b5jqQK81xuLda2369YaOsTicHrbuPX86ysp6sGX7Y7

2. Utilizzo dei widget

L'utilizzo dei widget per una barra laterale aggiuntiva di WordPress è una scelta migliore per gli utenti meno tecnologici poiché non è necessario occuparsi molto dei codici. I widget possono essere posizionati in diverse aree, come l'intestazione, il piè di pagina o la barra laterale. Per aggiungere una barra laterale di WordPress tramite widget, devi accedere alla dashboard di WordPress > Aspetto > Widget, e lì puoi vedere un elenco di widget WordPress disponibili a sinistra e i blocchi di widget a destra.

3. Utilizzo del personalizzatore di WordPress

Puoi utilizzare la barra laterale personalizzata di WordPress per personalizzare gli elementi del tuo tema WordPress, ad esempio i menu, le impostazioni della home page e i widget. A seconda del tema, puoi aggiungere più di una barra laterale, che può essere posizionata dove preferisci; questa funzione non è consentita per tutti i temi.

I 10 migliori plugin per le barre laterali di WordPress

WordPress fornisce ai suoi utenti molti plug-in e funzionalità widget per migliorare la funzionalità delle barre laterali. Qui abbiamo elencato i widget più utili che potresti voler aggiungere al tuo sito web.

1. Moduli WP

WPForms è il plug-in di contatto WordPress più semplice da utilizzare per i principianti, dotato di barra laterale personalizzata e aree widget, ha un'opzione di trascinamento della selezione e puoi creare facilmente qualsiasi tipo desideri.

2. Pacchetto widget SiteOrigin

SiteOrigin Widget Bundle offre numerosi widget in primo piano, inclusi pulsanti di invito all'azione, widget di immagini, widget di Google Maps, widget di tabelle dei prezzi e altro ancora. Puoi controllare tutti i widget all'interno di questo plugin e scegliere quali widget vuoi usare; quindi, puoi abilitarli. Questo plugin è gratuito e si adatta a tutti i tipi di siti.

3. Elementor Pro

Elementor Pro può avvantaggiarti in due modi; innanzitutto, puoi aggiungere, spostare o rimuovere le barre laterali senza utilizzare i codici. In secondo luogo, ti consente di creare un design personalizzato per le tue barre laterali, aggiungerle alle barre laterali che desideri e utilizzare il widget Libreria Elementor.

4. Adsanità

Adsanity è un plug-in per la gestione degli annunci di WordPress che ti consente di visualizzare i tuoi annunci self-hosted e basati sulla rete ovunque tu voglia, ad esempio nelle tue aree widget. Poiché questo plug-in è uno strumento di gestione, ti dà accesso a approfondimenti e puoi controllare il rendimento dei tuoi annunci.

5. Distruggi il palloncino

Smash Balloon è un plug-in WordPress gratuito che ti consente di importare feed da canali di social media come Instagram, Facebook e Twitter e progettarli in modo che corrispondano allo stile del tuo sito web. Questo plug-in si adatta meglio ai siti Web associati ad altri account social.

6. Widget Mappe per Google Maps

Con l'aiuto del plug-in di Google Maps, puoi aggiungere Google Maps all'area widget del tuo sito Web e aggiungere il tuo indirizzo da visualizzare sulla mappa; Avvantaggia le aziende che vogliono condividere il loro indirizzo fisico. Maps Widget ti consente anche di includere dimensioni personalizzate, livello di zoom, colore e dimensioni del pin, combinazioni di colori della mappa, ecc.

7. Forme Ninja

Ninja Forms può aiutarti a far crescere la tua mailing list e generare lead; hai diverse opzioni per i moduli, inclusi abbonamento, iscrizioni e moduli di donazione. Puoi semplicemente integrarli nelle barre laterali. Questo è un altro plugin gratuito che si adatta a tutti i tipi di siti.

8. Archivi compatti

Il design a blocchi di questo plug-in offre un archivio di contenuti e, per impostazione predefinita, questo plug-in mostrerà il tuo archivio di contenuti in un lungo elenco ma in modo ordinato e piacevole. Questo plugin è gratuito, facilmente personalizzabile ed è un ottimo aiuto per i siti Web con una grande quantità di contenuti.

9. Una ricerca migliore

Una ricerca migliore è un plug-in di WordPress che fornisce più opzioni di configurazione per battere il tuo motore di ricerca predefinito mostrando più risultati e mettendoli in mostra in modo impeccabile.

10. Opzioni widget

Widget Options è un plug-in per il controllo dei widget di WordPress che ti consente di creare barre laterali personalizzate e controllare le dimensioni dei tuoi widget per adattarli a desktop, tablet e telefoni. È un plugin gratuito che si adatta a tutti i tipi di siti.

Casi d'uso della barra laterale di WordPress

In breve, le barre laterali mostrano informazioni supplementari per gli utenti; puoi includere elementi diversi in una barra laterale, ad esempio una casella di ricerca, una testimonianza, un elenco di post recenti, un evento imminente, ecc. Una barra laterale può incoraggiare i visitatori a utilizzare le informazioni aggiuntive sul tuo sito Web senza essere distratti dal principale contenuto.

Nella sezione seguente, puoi vedere alcuni usi pratici delle barre laterali che sono appropriate per quasi tutti i tipi di siti.

1. Raccomandazione di lettura

Puoi utilizzare le barre laterali per incoraggiare i visitatori a leggere più post, rimanere più a lungo e diventare clienti. Avrai la possibilità di aumentare le prestazioni SEO di WordPress indirizzando più traffico verso il tuo sito.

2. Abbonamento e-mail

Potresti trovare un modulo di iscrizione alla newsletter sulla barra laterale a portata di mano per il tempo in cui ai tuoi visitatori piacciono i tuoi contenuti; quando i visitatori trovano interessanti i tuoi contenuti, è molto probabile che si iscrivano per ricevere tue notizie. Avere un elenco di indirizzi email che appartengono a persone che condividono lo stesso interesse è una grande risorsa per le tue future campagne di marketing o monetizzazione.

3. Funzionalità dei social media

L'aggiunta di pulsanti di condivisione social sulla barra laterale può semplificare la condivisione su altre piattaforme; aumenterà anche le possibilità di far crescere il tuo pubblico sui social media.

4. Prova sociale

La prova sociale può rendere il tuo sito web più credibile e aiutare le persone a fidarsi di te; le statistiche dei tuoi follower sui social media, i numeri degli abbonati o le testimonianze possono dimostrare la legittimità della tua attività o del tuo marchio.

5. Barra laterale adesiva

Come accennato in precedenza, le barre laterali adesive non scompaiono mai e fluttuano sullo schermo mentre scorri verso il basso; usa barre laterali appiccicose se hai post lunghi; una barra laterale adesiva è più comoda da accedere.

Avvolgendo

L'aggiunta di barre laterali è il modo migliore per visualizzare informazioni aggiuntive senza distrarre i visitatori. Tieni presente che l'aggiunta di barre laterali dovrebbe essere utile, aggiungere un contributo significativo al tuo sito Web e farlo sembrare più classificato e ordinato. Non aggiungere troppi widget o plug-in e non consentire troppi annunci.