migliorare-user-experience-ux-per-siti-web

In questo articolo verrà spiegato come aggiungere Social Media Icons (le icone social media) a WordPress.

Mostrare i tuoi social media ai tuoi visitatori permette loro di seguirti e il modo migliore per farlo è avere una icon social media sul tuo sito WordPress. Dal momento che una icon social media non occupa molto spazio, puoi metterla ovunque senza disturbare il layout generale.

Ci sono due modi in cui puoi farlo: aggiungere le social icon a mano o usare dei plugin WordPress per inserire icone social.

Se decidi di utilizzare plug-in, eccone tre che possono fare al caso tuo:

L’utilizzo di un plugin è un’ottima scelta per i principianti in quanto non richiede molta abilità tecnica. Tuttavia, la maggior parte di questi non include i social network meno popolari. Se non trovi un’opzione per aggiungere il tuo particolare profilo social sul plug-in, devi farlo manualmente.

Come inserire una Social Media Icon su un sito WordPress tramite codice

Anche se dovrai utilizzare un pò codice, ti assicuriamo che aggiungere icone social media a WordPress non è affatto complicato. Ecco come puoi facilmente inserire le icon di social media al tuo sito WordPress.

1- Scegli la Social Media Icon di cui hai bisogno (Facebook, Instagram, Linkedin,…)

Trovare l’icona che ti serve non è affatto difficile. Una rapida ricerca su Google ti fornirà un vasto numero di scelte (naturalmente stai attento a non violare leggi sul copyright filtrando la ricerca per immagini libere da copyright).

Una volta trovate le icone che desideri utilizzare, scaricale e caricale nella libreria multimediale di WordPress. Vai su Media -> Aggiungi nuovo e inserisci le social media icon.

2- Aggiungi il widget con le tue Social Media Icons su WordPress e configura l’html

Ora, devi aggiungere il widget contenente le icone dei social media sul tuo sito WordPress.

Sulla dashboard di WordPress, vai su Aspetto -> Widget. Quindi, tra i widget disponibili, aggiungi “HTML personalizzato trascinandolo in una delle Sliding Bar Widget o nel Footer Widget ( o in una Widget area creata da te).

Ora apri la scheda Html Personalizzato e dagli un titolo,”Social Media Icon” per esempio, e copia-incolla il seguente codice.

<div>
<a href="http://instagram.com/iltuoaccount"><img style="margin:5px" src="indirizzo della tua immagine" width="30" height="30" alt="Instagram">></a>
<a href="http://facebook.com/iltuoaccount"><img style="margin:5px" src="indirizzo della tua immagine" width="30" height="30" alt="Facebook"></a>
<a href="http://youtube.com/user/iltuoaccount" ><img style="margin:5px" src="indirizzo della tua immagine" width="30" height="30" alt="Youtube"></a>
</div>

Da notare che:

  • al codice devi sostituire il link dei vari social con quelli dei tuoi account (come instagram.com/iltuoaccount)
  • su ‘indirizzo della tua immagine’ devi sostituire con il link della Social Media Icon appena aggiunta alla tua libreria multimediale di WordPress. Per trovare l’indirizzo apri la libreria delle tue immagini in WordPress e apri l’icona che hai caricato: troverai l’url dell’immagine subito scritta tra le informazioni a destra. Assicurati che l’URL diretto della tua immagine finisca con l’estensione del file come .png o .jpg, altrimenti significa che hai inserito il codice sbagliato e le icone non verranno visualizzate.

Dopo aver terminato la sostituzione delle parti del codice, fai clic su Salva e vai al tuo sito per controllare il tuo nuovo widget con le icone social aggiunte sul tuo sito WordPress.

Ora che hai aggiunto correttamente i pulsanti dei social media sul tuo sito WordPress, puoi ripetere la procedura per ogni altra icona social che desideri aggiungere.