Come aggiungere icone dei social media nella barra laterale di WordPress

Ogni volta che creiamo un nuovo sito web WordPress, una cosa che non dimentichiamo mai di fare è aggiungere le icone dei social media. È un modo semplice ma potente per connettersi con il nostro pubblico oltre il sito web stesso.

Aggiungere icone social al tuo sito è come lasciare una scia di briciole per i tuoi visitatori. Fa sapere loro della tua presenza sui social media e offre loro un modo semplice per seguirti su diverse piattaforme.

In questo articolo, ti mostreremo come aggiungere icone dei social media alla barra laterale del tuo WordPress.

Perché aggiungere icone dei social media alla barra laterale del tuo WordPress?

Una barra laterale di WordPress è un'area del tuo sito web che non fa parte del tuo contenuto principale. È dove puoi visualizzare informazioni aggiuntive che potrebbero interessare ai lettori, come i tuoi post del blog più recenti e i link ai tuoi profili social.

Aggiungere collegamenti social alla barra laterale del tuo WordPress è una buona idea perché informa gli utenti sui tuoi account social. Di conseguenza, possono controllarli, seguirti e aiutarti a far crescere il tuo seguito sui social media.

Inoltre, visualizzare i tuoi account social può creare un senso di credibilità e fungere da prova sociale. Quando i visitatori vedono che hai una presenza attiva sui social media, ciò dimostra che il tuo sito e-commerce o aziendale è affidabile.

Molti blog WordPress popolari visualizzano icone dei social media nelle loro barre laterali, come WPBeginner:

Detto questo, diamo un'occhiata a come aggiungere icone di follow dei social media alla barra laterale del tuo sito WordPress.

Il metodo che dovresti usare dipende dal tema e dall'editor WordPress che stai utilizzando. Se vuoi saltare a una sezione specifica, puoi usare questi collegamenti rapidi:

• Metodo 1: Aggiungere icone social con l'editor completo del sito (Temi a blocchi)
• Metodo 2: Aggiungere icone dei social media con i widget di WordPress (Temi classici)
• Metodo 3: Aggiungere icone personalizzate dei social media con SeedProd (Temi personalizzati)
• Suggerimento bonus: Incorpora i tuoi profili social sul tuo sito WordPress

Metodo 1: Aggiungere icone social con l'editor completo del sito (Temi a blocchi)

Se sei un utente di tema a blocchi, allora puoi aggiungere pulsanti dei social media alla barra laterale di WordPress utilizzando il blocco Icone Social.

Tieni presente che il processo varia a seconda del tema che utilizzi. Alcuni temi a blocchi potrebbero includere una barra laterale per impostazione predefinita, a cui puoi quindi aggiungere il blocco Icone Social. Alcuni potrebbero anche avere un pattern di intestazione che funziona come una barra laterale, e alcuni potrebbero non avere affatto una barra laterale.

In questo esempio, utilizzeremo un tema a blocchi WordPress predefinito che include già una parte del modello Sidebar per impostazione predefinita.

Innanzitutto, vai su Aspetto » Editor nel tuo pannello di amministrazione di WordPress.

Successivamente, devi selezionare ‘Modelli’.

Questo ti porterà a una pagina dove puoi modificare le parti del modello del tuo tema, come intestazioni, piè di pagina e barre laterali.

Qui, seleziona ‘Tutte le parti del modello’.

Trova la parte del modello Sidebar, fai clic sul pulsante con tre punti e scegli ‘Modifica’. Questo aprirà l'editor di WordPress.

Ora vedrai la parte del modello Sidebar predefinita del tuo tema. Qui, diverse parti della barra laterale sono tipicamente separate da un divisore di forma, come una linea retta.

Supponiamo che tu voglia aggiungere le icone dei social media sotto la biografia dell'autore. In questo caso, fai clic sul pulsante ‘Visualizzazione elenco’ sul lato sinistro della pagina e seleziona il blocco ‘Separatore’ che si trova subito sotto il gruppo di elementi della biografia dell'autore.

Fai clic sul menu con tre punti e seleziona ‘Aggiungi dopo’.

Ora, fai clic sul pulsante ‘+’ in qualsiasi punto della pagina.

Quindi, scegli il blocco ‘Gruppo’.

A questo punto, puoi scegliere un layout per il blocco Gruppo.

Manteniamo le cose semplici, quindi useremo solo la prima opzione.

Aggiungiamo una copia di invito all'azione che apparirà sopra le icone dei social media.

Per fare ciò, fai clic sul pulsante '+' all'interno del blocco Gruppo e seleziona il blocco 'Paragrafo'.

Ora puoi inserire il testo del tuo invito all'azione.

Può essere qualsiasi cosa tu voglia, come 'Seguici sui Social Media'.

Una volta fatto, fai di nuovo clic sul pulsante '+' e trova il blocco 'Icone Social'.

Ora puoi iniziare ad aggiungere le tue piattaforme di social media al blocco. Fai semplicemente clic di nuovo sul pulsante '+' e aggiungi i tuoi pulsanti social media uno per uno.

Sentiti libero di usare la funzione di ricerca per sfogliare tutte le opzioni di social network.

Una volta aggiunti tutti i pulsanti, puoi iniziare ad aggiungere collegamenti personalizzati ai tuoi profili social.

Tutto quello che devi fare è fare clic su un'icona social e inserire l'URL del tuo profilo.

A questo punto, puoi personalizzare l'aspetto delle icone.

Se la dimensione dei pulsanti non è abbastanza grande o piccola, puoi usare l'opzione 'Dimensione' nella barra degli strumenti del blocco.

Nelle Impostazioni Blocco a sinistra, puoi personalizzare la giustificazione, l'orientamento, le impostazioni dei collegamenti e le etichette delle icone.

Raccomandiamo di far aprire i collegamenti in una nuova scheda in modo che gli utenti non debbano lasciare il tuo sito web per visitare i tuoi profili social.

Se passi alla scheda Stili Blocco, puoi cambiare gli stili delle icone e i colori per adattarli al design del tuo sito web WordPress.

A seconda delle tue preferenze, puoi far sì che tutte le icone abbiano colori diversi o lo stesso, come sotto.

Scorrendo verso il basso nella stessa scheda, troverai le impostazioni Dimensioni per personalizzare il margine e lo spazio del blocco.

Queste impostazioni possono essere utili se desideri regolare lo spazio tra il blocco Icone Social e altri blocchi nella barra laterale.

È anche una buona idea aggiungere un testo di call-to-action sopra il blocco Icone Social per evidenziare dove si trovano i pulsanti e incoraggiare gli utenti a diventare follower o iscritti.

Per fare ciò, procedi e aggiungi un blocco Paragrafo utilizzando il pulsante '+'. Assicurati che sia sopra le icone social.

Alcuni esempi di call-to-action che potresti usare sono 'Seguici', 'Unisciti a Oltre X Lettori' o 'Ricevi gli Ultimi Aggiornamenti'.

Se non l'hai già fatto, puoi anche aggiungere altri elementi alla barra laterale, come i tuoi post in evidenza e commenti recenti.

Ora, fai semplicemente clic sul pulsante 'Salva' nell'angolo in alto a destra della pagina.

Se non vedi queste modifiche riflesse nelle tue pagine o nei tuoi post, è molto probabile che nessuno di essi utilizzi la parte del modello Barra laterale.

Per assicurarti che la tua pagina desiderata utilizzi un modello di pagina con una Barra laterale, puoi tornare al menu principale dell'editor del sito completo. Quindi, seleziona 'Pagine'.

Ora, seleziona la pagina in cui desideri che appaia la barra laterale e fai clic sul pulsante 'Modifica' a forma di matita.

Come esempio, utilizzeremo il modello di pagina con la Barra laterale sulla nostra Pagina di esempio.

A questo punto, puoi fare clic sull'icona nera 'Impostazioni' nell'angolo in alto a destra.

Quindi, fai clic su 'Pagine' e seleziona 'Scambia modello'.

Vedrai alcuni modelli di pagina che il tuo tema fornisce.

Qui, scegli quello con la barra laterale che abbiamo appena modificato.

Una volta fatto, fai clic su 'Salva' come al solito.

Quando vai sul tuo sito WordPress, dovresti ora vedere una barra laterale con alcuni collegamenti social.

Metodo 2: Aggiungere icone dei social media con i widget di WordPress (Temi classici)

Questo metodo successivo è per le persone che utilizzano un tema WordPress classico con aree della barra laterale pronte per i widget.

Per aggiungere pulsanti dei social media alla tua barra laterale, vai semplicemente su Aspetto » Widget dalla tua bacheca di WordPress.

Quindi, naviga nell'area widget di WordPress in cui desideri aggiungere il widget Icone Social. Nel nostro esempio, selezioneremo 'Sidebar', ma il nome potrebbe essere diverso a seconda del tema che stai utilizzando.

Ora, fai clic sul pulsante '+' per aggiungere un blocco in alto a sinistra, accanto a 'Widget'.

Qui, puoi cercare il blocco Icone Social.

Dopodiché, devi fare clic su questo widget della barra laterale o trascinarlo ovunque nell'area di modifica.

In generale, è meglio aggiungere le icone dei tuoi social network vicino alla parte superiore dell'area widget. In questo modo, possono catturare l'attenzione dei tuoi visitatori fin dal momento in cui atterrano sulla pagina.

Quindi, in modo simile al metodo precedente, puoi fare clic sul pulsante '+' per aggiungere i pulsanti dei social media uno per uno al widget.

Nell'esempio seguente, abbiamo posizionato il blocco Icone Social sotto il blocco di ricerca. Stiamo anche aggiungendo un'icona di WhatsApp.

A questo punto, puoi iniziare ad aggiungere i tuoi collegamenti social.

Per WhatsApp, puoi digitare ‘wa.me/’ e scrivere il tuo numero WhatsApp accanto. Non è necessario utilizzare il simbolo +, ma assicurati di aggiungere il prefisso internazionale, come mostrato in questo screenshot.

Hai anche accesso alle opzioni Impostazioni blocco e Stili nel pannello di destra.

Per aprire queste opzioni, puoi fare clic sull'icona ‘Impostazioni’ nell'angolo in alto a destra.

Inoltre, sentiti libero di aggiungere un blocco Paragrafo sopra il widget dei social media per il testo della tua call-to-action.

Ti consigliamo di raggruppare i blocchi Paragrafo e Icone social in modo che non appaiano separati nella barra laterale.

Per fare ciò, seleziona insieme il Paragrafo e le Icone social. Dopodiché, fai clic sull'icona ‘Trasforma’ nella barra degli strumenti del blocco e seleziona ‘Raggruppa’.

Una volta terminato, fai clic sul pulsante ‘Aggiorna’ per rendere ufficiali le modifiche su tutte le tue barre laterali.

Ecco come dovrebbe apparire il risultato finale:

Metodo 3: Aggiungere icone personalizzate dei social media con SeedProd (Temi personalizzati)

Se utilizzi SeedProd, avrai un maggiore controllo sull'aspetto dei tuoi pulsanti social nella barra laterale. Ad esempio, se utilizzi una piattaforma di social media per la quale WordPress non ha un'icona, puoi crearne una tu stesso.

Inoltre, puoi regolare lo spazio tra le icone specificamente per i dispositivi mobili.

Se sei nuovo a SeedProd e vuoi usarlo, devi prima installare e attivare il plugin. Avrai bisogno della versione Pro per poter accedere alla funzionalità Profili social.

Per maggiori informazioni su come installare un plugin, consulta la nostra guida su come installare un plugin di WordPress.

Successivamente, puoi seguire questo tutorial per impostare il tuo tema con SeedProd.

Ora, per aggiungere le icone social alla barra laterale, dovrai andare su SeedProd » Theme Builder. Quindi, passa il mouse sul modello 'Sidebar' e fai clic su 'Edit Design'.

Ora ti trovi all'interno del page builder di SeedProd. Il blocco Social Profiles dovrebbe essere stato aggiunto per impostazione predefinita al modello del tema.

Se non lo è stato, tuttavia, puoi utilizzare la barra di ricerca nel pannello di sinistra e digitare 'Social Profiles'. Dopodiché, trascina e rilascia semplicemente il blocco ovunque sia adatto a te.

Non dimenticare di aggiungere un blocco di testo sopra i pulsanti e scrivere del testo di invito all'azione.

In questo modo, dirigi l'attenzione dei visitatori sui pulsanti dei social media nella barra laterale.

Per personalizzare l'aspetto delle icone dei profili social, fai clic sull'elemento 'Profili Social'. Qui vedrai diverse schede per personalizzare i pulsanti.

Nella scheda 'Contenuto', puoi aggiungere altre icone e modificare lo stile dell'icona, le dimensioni dell'icona e l'allineamento.

Oltre alle opzioni standard come Instagram e Facebook, SeedProd ha anche pulsanti per Slack, Telegram, Github e altro ancora.

Per aggiungere una nuova icona di social media che SeedProd non ha di default, devi fare clic sul pulsante '+ Aggiungi nuova condivisione'.

Dopo di che, seleziona 'Personalizzato' dal menu a discesa.

Per modificare il pulsante, fai clic sul simbolo dell'ingranaggio accanto al pulsante freccia.

Una volta fatto ciò, seleziona 'Scegli icona'.

Ora verrai reindirizzato alla Libreria Icone, dove ci sono centinaia di icone di marchi tra cui scegliere, grazie alle icone Font Awesome.

In questo esempio, useremo Airbnb. Ma ci sono anche altre scelte per piattaforme come LinkedIn o Tumblr.

Una volta selezionata un'icona, puoi regolare il colore e aggiungere il link alla pagina dei social media.

Qui abbiamo deciso di mantenere il colore del marchio Airbnb. Quando inserisci il link dell'account social, assicurati di includere anche 'https://'.

Successivamente c'è la scheda 'Modelli'.

Se passi a questa scheda, puoi regolare il design dell'icona. Puoi renderla più quadrata, circolare e/o monocromatica, a seconda delle tue preferenze.

Infine, la scheda 'Avanzate' offre ulteriori modi per personalizzare i tuoi pulsanti social media.

La sezione Stili è dove puoi cambiare lo stile, il colore, le dimensioni, lo spazio tra le icone e l'effetto ombra.

In Spaziatura, puoi modificare il margine e il padding del blocco. La cosa fantastica di SeedProd è che ti permette di impostare margini e padding diversi per dispositivi desktop e mobili.

Per modificare margini e padding, scegli una delle icone del dispositivo e inserisci le tue misure di margine e padding in questo modo:

Scorrendo verso il basso, troverai Visibilità del dispositivo ed Effetti di animazione.

Nella prima impostazione, puoi scegliere di nascondere il blocco su desktop o mobile. Questo potrebbe essere necessario se hai scelto di utilizzare il blocco Profili social in un'altra parte del tuo sito web e non vuoi icone duplicate dei profili social.

Con Effetti di animazione, puoi selezionare uno stile di animazione per il blocco quando le icone vengono caricate sulla pagina web. Questo effetto non è necessario se non vuoi distrarre troppo il visitatore dal contenuto principale.

Una volta configurato il blocco Profili social a tuo piacimento, fai semplicemente clic sul pulsante 'Salva' nell'angolo in alto a destra.

Oppure, fai clic sul pulsante 'Anteprima' per vedere prima come appare la barra laterale.

E questo è tutto! Hai aggiunto con successo il blocco profili social utilizzando SeedProd.

Ecco come potrebbe apparire il risultato finale:

Suggerimento bonus: Incorpora i tuoi profili social sul tuo sito WordPress

Aggiungere icone dei social media alla tua barra laterale è un ottimo primo passo per aumentare il numero di follower e mostrare la prova sociale. Detto questo, potresti anche voler incorporare i tuoi feed dei social media direttamente sul tuo sito WordPress.

Questo permette ai visitatori di vedere i tuoi contenuti più recenti e interagire direttamente con te sul tuo sito web, aumentando potenzialmente la consapevolezza del marchio e l'engagement.

Il modo più semplice per incorporare feed di social media in WordPress è utilizzare Smash Balloon. Questo plugin per social media ti consente di connettere il tuo sito web con varie piattaforme social e incorporare feed da esse.

La parte migliore? Smash Balloon rende facile personalizzare questi feed a tuo piacimento. In questo modo, i tuoi feed dei social media si integrano perfettamente con il resto del design del tuo sito web.

Per maggiori informazioni, consulta questi tutorial:

• Come creare un feed di foto Instagram personalizzato in WordPress
• Come creare un feed Facebook personalizzato in WordPress
• Come visualizzare i tweet recenti in WordPress (passo dopo passo)
• Come mostrare gli ultimi video da un canale YouTube in WordPress
• Come incorporare video di TikTok in WordPress

Speriamo che questa guida passo passo ti abbia aiutato a imparare come aggiungere icone dei social media alla barra laterale di WordPress. Potresti anche voler consultare il nostro articolo su come aggiungere icone dei social media al menu di WordPress e il nostro elenco dei plugin WordPress indispensabili per siti aziendali.

Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.