Wordpress pour débutant » Insérer un bouton j’aime Facebook pour chaque article sans plugin
Wordpress pour débutant

tutoriel, hacks, astuces, information…

Insérer un bouton j’aime Facebook pour chaque article sans plugin

Catégorie de l'article : Réseaux sociaux
Article Publié le : 14 juillet 2012
Article affiché 19642 fois
il y a 19 Commentaires

inserer un bouton j'aimeInsérer un bouton j’aime (Facebook) peut se faire de 2 manières :

– par un plug-in : consulter l’article insérer un bouton j’aime

– de façon manuelle :

L’installation manuelle du code pour afficher le bouton j’aime de Facebook, permet de positionner le bouton à l’emplacement que l’on veut, ce que ne permet pas les plug-in.

Pour intégrer le code manuellement, il faut modifier les fichiers du thème que vous utilisez.

Le plus simple est de copier le thème de votre site sur votre ordinateur et d’y faire directement les modifications. Une fois les modifications terminées c’est de les copier de nouveau vers votre site. Pour copier les fichiers, il suffit d’utiliser un client ftp, comme filezilla.
Le thème se trouve à l’adresse :

http://adresse-de-votre-site/wp-content-theme/nom-de-votre-theme

Le code Facebook se compose de 2 parties :

– une partie en javascript

– une partie pour afficher le bouton.

Je vous propose de copier la partie javascript dans la page footer..php Le code se chargera en dernier et permettra à la page de se charger entièrement.

D’autres sites vont vous proposer le header, cela fonctionne aussi, mais il est préférable de lancer les scripts à la fin de la page, plutôt qu’au début. En le mettant au début (dans le header) lorsque le script se connectera sur le site de Facebook, votre page se « freezera » et il n’y aura que le début de la page d’afficher

– Aller dans les fichiers du thème

– Ouvrir le fichier footer.php avec un éditeur de texte (bloc note ou notepad++)

– aller à la fin du fichier et copier ces lignes :

<!-- Facebook -->
<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>

C’est le script que vous pouvez trouver directement sur la page officielle des développeurs Facebook.

Une fois les fichiers copiés sur votre ordinateur, il faut ouvrir la page sur laquelle vous voulez insérer le bouton j’aime. En règle générale c’est la page qui affiche l’article complet, donc la page single.php. Vous pouvez l’installer sur les pages que vous voulez bien sûr.

Ouvrer la page single.php avec le navigateur.

Aller dans l’emplacement où vous voulez afficher le bouton et copier le code suivant :

<!-- script bouton j'aime Facebook -->
<fb:like send="false" layout="button_count" width="250" font="arial" action="like" href="<?php echo get_permalink(); ?>"></fb:like><br />
<!-- fin du script bouton j'aime Facebook -->

Enregistrer les modifications.

Copier les modifications sur votre site et regarder un article, vous devriez avoir j’aime Facebook qui s’affiche avec le nombre de clics.

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