WordPress CMS

Come aggiungere manualmente il Facebook “Like” Button su WordPress

Per favorire la diffusione virale dei vostri articoli sui Social Network è importante realizzare dei pulsanti di condivisione dei contenuti.

Molti sono i plugin di WordPress che automatizzano la creazione di questi bottoni, ma personalmente preferisco fare tutto alla vecchia maniera, manualmente, realizzando il codice strettamente necessario al funzionamento di questo strumento.

Troppo spesso infatti i plugin aggiungono tanto codice superfluo, codice che in realtà non ci serve affatto, andando ad appesantire notevolmente la nostra pagina, che in tal modo si carica nel browser molto più lentamente. Sappiamo inoltre che i motori di ricerca, Google in particolare, attribuisce sempre più importanta al fattore “velocità del sito”.

like-share

Oggi voglio parlarvi di un semplice script grazie al quale potremo inserire il famosissimo Facebook Like Button nelle pagine del nostro sito realizzato attraverso il CMS WordPress. Lo script permetterà di inserire il pulsante in maniera automatica in ogni pagina del vostro sito.

Andiamo quindi sul sito ufficiale di Facebook Developer nella sezione Like Button ed impostiamo le caratteristiche del nostro bottone, lasciando invariato l’URL to Like. Quando l’anteprima ci soddisfa premiamo su Get Code, impostiamo l’app ID ed andiamo nella scheda iframe. Copiamo il codice. Otterremo qualcosa di simile a questo:

<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&amp; width&amp; layout=standard&amp; action=like&amp; show_faces=true&amp; share=true&amp; height=80&amp; appId=xxxxxxxxxxxxx" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:80px;" allowTransparency="true"></iframe>

A questo punto non dovremo fare altro che modificare l’indirizzo della pagina (quello predefinito che non abbiamo modificato nella fase di creazione del pulsante) con quello della pagina corrente del nostro sito. Come facciamo? Attraverso questo semplice script php:

<?php the_permalink() ?>

Il codice, modificato, vi apparirà come segue:

<iframe src="//www.facebook.com/plugins/like.php?href=<?php the_permalink() ?>&amp; width&amp; layout=standard&amp; action=like&amp; show_faces=true&amp; share=true&amp; height=80&amp; appId=xxxxxxxxxxxxx" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:80px;" allowTransparency="true"></iframe>

Posizionate questo script dove volete che appaia il vostro pulsante, ad esempio in single.php in fondo all’articolo del vostro blog.

Niente di più semplice. Non vi resta che vedere il risultato… buona condivisione!




emoticons

avatar
Autore: Valerio Del Re

Dott. in Comunicazione e Pubblicità per le Organizzazioni,
Grafico e Web Designer freelance, CEO presso Robadagrafici


Cosa ne pensi? Esprimi la tua opinione.
Scrivi un commento.

Loading Facebook Comments ...

Ti potrebbero interessare anche:


wordpress-com-org

WordPress Italia: Community, Contributor Day e Meetup

WordPress è sicuramente il CMS più conosciuto ed utilizzato in tutto il mondo. Esistono molti altri CMS open […]


sito-multilingua-wordpress

Un sito multilingua in WordPress senza utilizzare plugin

Come vi abbiamo spesso detto, quando si gestisce un sito in WordPress è bene limitare il più possibile […]


script-wordpress

Installare e configurare WordPress in locale (sul proprio pc)

Quando si sta imparando ad utilizzare un CMS come WordPress e/o si vuole realizzare un sito internet è […]


wordpress-security-release

Pericoloso bug in WordPress: è necessario aggiornare la versione

La recente versione 3.9.1 di WordPress pare sia vulnerabile e dunque pericolosa. La sicurezza di milioni di siti […]


excerpt-wordpress

Come modificare la lunghezza dell’excerpt in WordPress

Se stai realizzando un sito in WordPress ed all’interno fai uso di articoli molto probabilmente ti sarai imbattuto […]


mailpoet-newsletter-gratis

WordPress. Il miglior plugin gratuito per newsletter

Se avete realizzato un sito in WordPress e siete alla ricerca di un plugin gratuito per newsletter, quello […]


blocchi-codice-in-wordpress

Plugin per inserire blocchi di codice nei post di WordPress

Se gestite un blog realizzato con la piattaforma WordPress che si occupa, tra i vari temi, di programmazione […]


mobile-theme-switcher

Un plugin WordPress per visualizzare temi diversi per dispositivi diversi

Il vostro Cliente vi ha commissionato un sito internet che non sia responsive. Decidete quindi di realizzare un […]


php-url-pagina-corrente

Php Url completo della pagina corrente

Molto spesso, realizzando un sito in WordPress, capita di aver bisogno di stampare l’url completo della pagina corrente. […]


Shares

Robadagrafici.com non è una testata giornalistica in quanto viene aggiornato senza alcuna periodicità. Non può pertanto considerarsi prodotto editoriale ai sensi della legge 62/2001. Le immagini e i testi pubblicati sono valutati come di pubblico dominio: qualora il loro uso violasse diritti d'autore, lo si comunichi all'autore del blog che provvederà alla loro pronta rimozione.
Tutti i contenuti sotto Licenza Creative Commons. Marchi e loghi di soggetti terzi utilizzati in questo sito sono di proprietà esclusiva dei rispettivi proprietari.
Roba da Grafici © 2011-2016 - Progetto a cura di ServiziWeb Srl - Privacy & Cookies Policy