Come inserire pulsante Mi piace e Tweet sul sito o blog

Come inserire pulsante Mi piace e Tweet sul sito o blog manualmente, senza alcun tipo di plugin, con un approfondimento per WordPress.
Ormai i social network sono davvero molto importanti per far diffondere un contenuto multimediale, come può essere un articolo o una pagina di un prodotto, in tempi davvero brevi e con un target molto ampio.
Nasce così la volontà di implementare sul proprio sito o blog il pulsante che permettono di fare questa operazione, vediamo subito come aggiungere i pulsanti dei due social network più importanti del momento: Facebook e Twitter.

Come inserire pulsante Mi piace di Facebook

Il pulsante Mi piace di facebook permette agli utenti di condividere il post che stanno leggendo (o in generale la pagina dove si trova il pulsante mi piace) tramite un solo click, davvero una cosa eccezionale!
Il codice del pulsante Mi piace, detto anche Like in inglese, lo puoi prelevare dalla pagina like button di facebook.
Vedrai questa schermata che ti permetterà in maniera molto semplice di avere il tuo codice:

Cosa significano i vari campi?
URL to Like: lascia in bianco, usando il codice XFBML, punterà in automatico alla pagina che l’utente sta visualizzando. Altrimenti se vuoi il codice iframe, devi inserire l’url della pagina a cui associare il Mi piace.
Layout Style: è il tipo di layout che verrà visualizzato, può essere standard, button_count e box_count. Clicca su ognuno di essi per vedere come cambia nell’anteprima
Show Faces: mostra sotto il pulsante le immagini del profilo degli amici che hanno già cliccato su mi piace, dell’utente che sta visualizzando la pagina.
Width: è la larghezza del contenitore del pulsante in pixel.
Verb to display: può essere Mi piace oppure Raccomanda.
Font: selezione il font per il testo.
Color Scheme: è il colore del pulsante, puoi scegliere fra chiaro (light) o scuro (dark)

Una volta aver impostato tutto, premi il tasto Get Code, ti verrà fornito il codice che dovrai andare ad inserire nel tuo sito, copialo.
Il codice XFBML che io consiglio di usare è del tipo:

<script src="http://connect.facebook.net/en_US/all.js #appId=NUMERO_APP_ID&amp;xfbml=1"> </script><fb:like href="http://www.robertoiacono.it/" send="true" width="450" show_faces="true" font=""></fb:like>

Se vuoi mostrare la dicitura Mi piace anzichè Like, sostituisci en_US con it_IT.
Se vuoi mostrare le immagini delle persone che l’utente conosce che hanno cliccato su Mi piace, lascia show_faces=”true”, altrimenti impostalo in show_faces=”false”.
Width è la larghezza massima del contenitore del pulsante.

Come inserire pulsante Tweet di Twitter

Il pulsante Tweet di Twitter permette agli utenti di condividere il post che stanno leggendo (o in generale la pagina dove si trova il pulsante mi piace) tramite un solo click.
Per prelevare il codice vai sulla pagine del pulsante tweet di Twitter.

Seleziona le impostazioni desiderate come il tipo di pulsante, il testo del tweet, l’url a cui punta e la lingua. A fondo pagina ti viene sempre mostrata l’anteprima del pulsante.
Se clicchi sopra all’anteprima, vedrai effettivamente come funziona il tasto.
Una volta terminato tutto, copia il codice che sarà del tipo:

<a href="http://twitter.com/share" class="twitter-share-button"
data-count="horizontal" data-via="robertoiacono" data-lang="it">
Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Inserire il pulsante Mi piace e/o Tweet su wordpress

Per inserire il codice, devi andare in Aspetto > Editor > e scegliere il file giusto a seconda di dove vuoi posizionare il pulsante, dopodichè incolli il codice e clicchi su Aggiorna.
Per posizionare il pulsante al termine del post, vai su single.php, cerca la funzione the_content(); , e dopo questa (probabilmente ci sarà anche la chiusura del codice php ? >, posizionati subito dopo) incolla il tuo codice.
E’ possibile che se hai dei plugin che sono posti alla fine del post, come i plugin per condividere il post, il pulsante venga caricato dopo questi plugin. In questo caso cerca di inserire il codice direttamente nei plugin!
Per posizionare il pulsante all’inizio del post, vai su single.php, cerca la funzione the_content(); , e prima di questa (probabilmente ci sarà anche l’apertura del codice php < ? php, posizionati subito prima) incolla il tuo codice.
Per posizionare il pulsante all’interno del post, devi farlo a mano ogni volta (oppure utilizzare qualche plugin che permetta di inserire del codice a metà post), modificando il post in maniera HTML e incollare il codice dove lo desideri.

Inserire il pulsante Mi piace e/o Tweet su un sito

Apri il file che genera la pagina del tuo sito dove vuoi inserire il pulsante, ad esempio se la pagina in questione è prova.html, apri il file prova.html con un editor di testo. Inserisci nel punto desiderato del codice HTML il codice che hai appena copiato e salva il file. Molto semplice ma bisogna farlo a mano ogni volta.

Se vuoi, è possibile inserire i pulsanti su una sola riga.