Strumenti per i social, Widget e barre laterali

Widget »Widget delle icone dei social

Molti temi WordPress.com offrono pulsanti per accedere ai social media nell’area dell’intestazione o del piè di pagina, mentre altri no. Anche se il tuo tema ha questa funzione, potresti voler posizionare i pulsanti altrove o utilizzare icone diverse che si adattino alla tua intestazione. Ci sono diversi modi per aggiungere icone di social network al tuo sito.

Questa guida ti illustrerà come aggiungere pulsanti di social media nella barra laterale o nel piè di pagina, utilizzando le icone che preferisci.

Sommario


Widget delle icone dei social

Il widget delle icone dei social mostra piccoli simboli grafici collegati agli account di cui disponi sui social media, in qualsiasi area widget del tuo tema. Una volta aggiunti i link ai tuoi profili social, le icone vengono automaticamente visualizzate sul tuo sito, consentendo ai visitatori di connettersi con te attraverso i network che preferisci.

 

↑ Indice dei contenuti ↑

Aggiungi il widget delle icone dei social

  1. Vai a I miei siti → Design → Personalizza → Widget
  2. Seleziona l’area widget in cui vuoi aggiungere le icone dei social network e fai clic su Aggiungi un widget.
  3. Trova il widget  Icone dei social media e fai clic sul titolo per aggiungerlo.
  4. Scegli un titolo per il widget.
  5. Scegli una dimensione per le icone dei social network: Piccola, Media o Grande.
  6. Aggiungi un link completo (URL) al primo profilo di social network. Ad esempio, https://www.facebook.com/WordPresscom/
  7. Se desideri aggiungere altre icone di social network, fai clic su Aggiungi un’icona e inserisci l’URL del profilo del social network successivo.
  8. Una volta finito di aggiungere i link dei tuoi profili social, fai clic su Pubblica per salvare le modifiche.
Pubblica widget dei social network

Le tue nuove splendide icone dei social sono ora sul tuo sito.

Widget delle icone dei Social

↑ Indice dei contenuti ↑

Riordina le icone

Puoi cambiare l’ordine delle icone in qualsiasi momento trascinandole nella sequenza desiderata. Il nuovo ordine verrà riflesso in tempo reale nel riquadro di anteprima dell’Utilità di personalizzazione.

Riordina icone

↑ Indice dei contenuti ↑

Icone disponibili

Supportiamo le icone di svariati network.

Di seguito è riportato un elenco delle icone disponibili.

500px

Amazon

Apple

Bandcamp

Behance

CodePen

DeviantArt

Digg

Dribbble

Dropbox

Indirizzi e-mail (se il tuo indirizzo è me@mygroovydomain.com, digita mailto:me@mygroovydomain.com nel campo URL account)

Etsy

Facebook

Flickr

Foursquare

Goodreads

Google+

Google

GitHub

Instagram

iTunes

LinkedIn

Media

Meetup

Pinterest

Pocket

Reddit

Feed RSS

Skype

SlideShare

Snapchat

SoundCloud

Spotify

StumbleUpon

Tumblr

Twitch

Twitter

Vimeo

VK

WordPress

Yelp

YouTube


↑ Indice dei contenuti ↑

Aggiungi icone dei social network personalizzate

Il colore delle icone dei social network sul tuo sito dipende dal tema che stai utilizzando. Se vuoi aggiungere icone con un colore specifico o vuoi avere più controllo sul modo in cui appaiono le icone, puoi aggiungere icone personalizzate usando il widget di testo o un widget HTML personalizzato e una parte di codice HTML. Queste istruzioni sono utili anche se vuoi aggiungere icone per i social network meno popolari.

Fase 1. Trova le icone dei social media che ti piacciono e caricale sulla tua Libreria multimediale.

Potresti avere già alcune icone che vuoi utilizzare, ma in caso contrario puoi cercare su Google “icone di social media gratuite”. Quando scegli le immagini, fai attenzione a non violare alcun copyright. Una volta trovate quelle che ti piacciono, scaricale sul tuo computer.

Successivamente vai a I miei siti → Sito → Media → Aggiungi nuovo, quindi carica tutte le icone sul tuo sito.

Fase 2. Aggiungi un widget di testo oppure HTML personalizzato e formatta i pulsanti usando HTML.

Vai a I miei siti → Design → PersonalizzaWidget Seleziona l’area widget in cui vuoi aggiungere le icone dei social network e fai clic su Aggiungi un widget. Trova il widget di testo o il widget HTML personalizzato e clicca su di esso per aggiungerlo.

Aggiungi un titolo al tuo widget, se lo desideri, e aggiungi il codice HTML seguendo la struttura sotto riportata:

<div>
<a href="https://facebook.com/WordPresscom">
<img title="Facebook" alt="Facebook" src="https://socialmediawidgets.files.wordpress.com/2014/03/02_facebook1.png" width="35" height="35">
</div>

Sostituisci l’indirzzo https://facebook.com/WordPresscom  dell’esempio con il link del tuo profilo social.  Per i link completi, incolla il link a cui desideri che il pulsante faccia riferimento. Assicurati che ogni link inizi con http:// oppure https://. Ad esempio, per la tua pagina Facebook il link sarebbe:

https://facebook.com/myfacebook

Per gli URL di immagini, trova l’icona del social network nella tua Libreria multimediale andando a Il mio sitoSito → Media, quindi fai clic sull’immagine dell’icona del social network e scegli Modifica. Successivamente, fai clic su Copia per salvare l’URL negli appunti e scegli Indietro o Fatto per uscire dall’immagine.

Icone social - Ricerca dell'URL dell'immagine per icone personalizzate

Ripeti il ​​codice per i link e gli URL di immagini per ogni icona di social network che desideri aggiungere. Se desideri aggiungere o rimuovere servizi o visualizzarli in un ordine differente, puoi modificare il codice come necessario. È possibile che tu debba lavorare un po’ con i valori di larghezza e altezza per fare in modo che tutte le icone vengano visualizzate nella barra laterale. Nell’esempio sopra abbiamo indicato 35×35, ma puoi sostituirlo con qualsiasi valore tu preferisca.

Fase 3. Al termine, fai clic su Pubblica e dai un’occhiata ai tuoi bellissimi pulsanti di social media!

Esempio di widget delle icone dei Social

↑ Indice dei contenuti ↑

Esempi e immagini campione

Se hai problemi a trovare le icone dei social media sul web e desideri alcuni esempi da utilizzare, puoi trovare ulteriori informazioni su questo sito.

Per utilizzare queste icone innanzitutto nel widget, crea un widget di testo vuoto da Design → Personalizza → Widget.

Successivamente, copia il blocco di codice dalla pagina dei widget dei social media per scegliere lo stile preferito per le icone:

↑ Indice dei contenuti ↑

Domande frequenti

Perché l’icona del social media non viene visualizzata?

Se stai utilizzando una versione localizzata della pagina del social media, l’icona potrebbe non essere visualizzata. Prova a sostituire la sezione locale del link del social media con la versione globale.

Esempio: https://www.pinterest.fr/yourpinterest/ dovrebbe essere sostituito con https://www.pinterest.com/yourpinterest/