Wordpress pour débutant » Ajouter le bouton aimer Facebook pour un site sans plugin
Wordpress pour débutant

tutoriel, hacks, astuces, information…

Ajouter le bouton aimer Facebook pour un site sans plugin

Catégorie de l'article : Réseaux sociaux
Article Publié le : 30 janvier 2013
Article affiché 9146 fois
il y a 14 Commentaires

Vous auriez envie d’insérer un bouton Facebook sur votre site (ou la page Facebook lié à votre site) pour indiquer le nombre de personnes qui aime le site (et non un article du site).

Pour avoir le bouton qui s’affiche avec le nombre de personnes qui aiment (comme dans la partie droite, en haut de la page), il suffit d’insérer dans la partie footer du template, si vous ne l’avez pas :

<div class="fb-like" data-send="false" data-layout="standard" data-width="450" data-show-faces="false" data-colorscheme="light" data-action="like"<div id="fb-root"></div>
<script>(function(d, s, id) {
 var js, fjs = d.getElementsByTagName(s)[0];
 if (d.getElementById(id)) return;
 js = d.createElement(s); js.id = id;
 js.src = "//connect.facebook.net/fr_FR/all.js#xfbml=1";
 fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Dans la partie où vous voulez insérer le code, saisissez le code suivant :

<!-- code facebook -->
<div data-href="http://wordpress.buldozer.fr" data-send="false" data-layout="box_count" data-width="50" data-show-faces="false"></div>
<!-- code facebook -->

Remplacer wordpress.buldozer.fr par l’adresse de votre site.

Voici ce que cela va donner :

Sinon, pour afficher cet autre exemple :

Il faut saisir cette ligne de code :

<!-- code facebook -->
<div data-href="http://wordpress.buldozer.fr" data-send="false" data-layout="button_count" data-width="50" data-show-faces="false"></div>
<!-- code facebook -->


			
				

A propos de l'auteur :

Philippe est le webmaster du site wordpress.buldozer.fr - Wordpress pour les débutants. Philippe n'est pas un professionnel de l'informatique, mais juste un passionné.

a écrit 61 articles.



  • Catégories

  • Les derniers articles

  • Divers