Intégrer un module Facebook Connect sur votre blog WordPress
Les réseaux sociaux comme Facebook ou Twitter connaissent une forte croissance en termes de visites. Il serait donc intéressant de proposer à vos visiteurs de laisser un commentaire sur votre blog via un module de connexion Facebook. Un moyen pratique pour identifier rapidement un individu et tisser des liens virtuels.
Pour mettre en œuvre ce tutoriel, nous utiliserons le plugin Facebook Connect de Adam Hupp et le bout de code suivant à insérer dans le fichier comments.php :
<?php do_action('fbc_display_login_button') ?>
A titre d’exemple, vous pouvez laisser des commentaires sur WordPress Channel via Facebook.
Podcast: Télécharger (72.4MB)
A propos de l'auteur
Aurélien Denis est le fondateur du projet WordPress Channel proposant tutoriels et podcasts librement téléchargeables. En 2010, il fonde Neticpro, une agence Web spécialisée WordPress. Il est aussi co-fondateur du site Protuts.net (tutoriels PC/Mac/Linux) et community manager pour l’Imagine Cup 2011/2012, une compétition mondiale organisée par Microsoft.
WordPress 3.5 – Un CMS pour créer et gérer blogs et sites Web
RT-Theme 17, traduction française
Maven Hosting, 12 mois d’hébergement
Themetick, traduction française
bien
Merci pour ce tuto !
Mauvaise idée de changer le CSS du Plugin directement. Car une fois il y aura une mise à jour du Plugin ce fichier sera écrasé et le changement dans le fichier CSS devra de nouveau être effectué. Il vaut mieux changer ceci dans le CSS du template.
Voir aussi : Remplacer le système de gestion des commentaires WordPress par celui de Facebook Connect
Quelqu’un sais si il y eu une MAJ depuis, car cette version de Facebook Connect ne fonctionne pas sous Wordpres 2.9.1
Un énorme merci pour ce tuto, grâce à vous ma fonction fb connect est « up and running » et mon site à l’allure un site pro
Merci pour ce tutoriel qui marche du tonnerre. La vidéo était extrêmement clair! J’ai même réussi le déplacement du bouton facebook sur la droite alors que j’ai généralement deux mains gauches pour ce genre de manip. Un grand merci et un site direct dans mes favoris.
Excellent didactiel, j’allais me jeter dessus jusqu’à ce que…
Contrairement à ce qui est dit dans cette vidéo, il n’est pas possible ici-même, de se connecter via facebook pour laisser un commentaire.
Auriez-vous découvert un défaut majeur à son utilisation ?
Merci de votre aide.
En effet, depuis la publication du podcast ce site a beaucoup évolué.
Il n’y a pas de problèmes avec cette méthode si ce n’est qu’elle exécute du JavaScript et alourdit forcément le temps de chargement de la page.
Cela dit, tout est histoire de compromis… et dépend également du poids original du blog sur lequel on implémente Facebook.
Il est donc intéressant de tester cette solution.
Salut que de bonne chose pour configurer notre wordpress j’ai une petite question
Comment fait ton pour activer le FTP dans administration de wordpress ? comme ont peut le voir sur la vidéo si dessus ou faut il installer un plugins particulier pour ajouter cette fonction ?
Merci d’avance bonne continuation
Cordialement
Tres bon tuto.
Pour info, connaissez vous un plugin qui permet d’importer un flux facebook fan dans wp ?
Bonjour, je cherche à utiliser paypal avec wp ecommerce, j’ai paramétré pay pal, mais je NE SAIS PAS COMMENT REDIRIGER VERS MON COMPTE PAYPAL, QUE FAUT-IL METTRE comme URL de redirection pour que le client arrive sur mon compte paypal pour payer
Merci de votre aide
Je pense que ton commentaire n’est pas à la bonne place… http://wpchannel.com/wordpress-e-commerce-le-plugin-ultime-de-commerce-electronique/
Il est en conflit avec le social plugin de facebook
Bonjour,
Le tuto est très bien expliqué, merci.
Je coince cependant à une étape (et ce depuis longtemps). Et je ne trouve pas la réponse sur les forums.
Quand je vais dans apparence, éditeur, je ne peux pas faire la mise à jour car j’ai ce message d’erreur: Vous devez rendre ce fichier accessible en écriture avant de pouvoir enregistrer vos modifications. Lire la documentation CHMOD [en] pour plus d’informations.
Alors oui, je suis allé lire la documentation, mais j’y ai pas compris grand chose et je n’arrive toujours par régler ce problème.
Quelqu’un peut svp m’aider?
Matt
Le CHMOD correspond aux autorisations sur les dossiers / fichiers présents sur ton serveur FTP.
Il s’agit de nombre tels que 777 ou 655. Il te faut donc donner les droits pour le propriétaire, le groupe et le public en écriture, lecture ou exécution.
Cette documentation française devrait t’aider : http://codex.wordpress.org/User:AmO/fr:Changer_les_Permissions_des_Fichiers
salut aurélien.
merci pour les infos.
j’ai trouvé le fichier .htaccess dans le fichier stats de mon serveur.
Je l’ai modifié en 777 mais j’ai cette erreur: 550 CHMOD 777 .htaccess: Operation not permitted
: /stats/777 .htaccess
Je n’arrive donc pas changer les permaliens sur mon site pour que les URL s’affiche de cette sorte: http://www.mattkay.ch/2010/12/25/sample-post/
Tu peux m’aider
WordPress me dit:
Si vous aviez les droits en écriture (en) sur le fichier .htaccess, nous pourrions faire cela automatiquement. Ce n’est pas le cas, donc voici les règles de réécriture que vous devrez mettre dans votre fichier .htaccess. Cliquez sur le champ et appuyez sur Ctrl-a pour tout sélectionner.
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ – [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
et je ne sais pas comment faire ça…
Merci beaucoup d’avance
Hello ,
merci pour ton superbe tutorial cependant je rencontre un souci
j’aimerai que la zone qui presente la photo et le nom de l’utilisateur facebook soit ancré et non en calque.
Car si je change les dimensions de ma page à la main cette zone se superpose sur les element de mon header et sont alors cachés.
Merci
Les problèmes de superposition se règlent généralement avec une propriété CSS z-index sur la valeur 1 ou 999.
Merci Aurélien , je vais voir ça
Bonjour,
Je souhaiterais savoir si vous pourriez m’apporter votre aide concernant ce plugin.
En effet, je souhaiterais supprimer la partie profil qui apparait en haut à droite dans le header de la page (zone de connexion) une fois qu’on est connecté avec Facebook.
Je souhaiterais placer cette zone à l’endroit voulu mais je ne sais pas qu’elle partie du code il s’agit.
Merci d’avance.
Je suis d’accord, j’aimerais faire cela sur mon site
Je fais remonter ce sujet car le plugin utilisé semble totalement obsolète. Auriez-vous d’autres solutions plus à jour permettant d’utiliser cette fonction Facebook Connect que je trouve vraiment pratique et « fidélisante » ?
Je n’ai pas d’idées de plugin en tête mais sur ce site tu peux générer les codes nécessaires : http://developers.facebook.com/plugins
Bonjour Aurélien et merci pour la réponse. Cela fait longtemps que je traine sur « Facebook Developpers » car je travaille sur l’intégration de Facebook Connect sur mon site depuis des lustres. le soucis, c’est que je tente d’éviter autant que possible l’installation de plugins: je préfère tout coder en « dur ». Et quand on commence à se frotter à ce genre de projet, c’est très vite incompréhensible, d’autant que 99% des infos sont en anglais. Avec des plugins, pas de problème, mais pour une solution en « dur », je dois dire que je sèche complètement. Bon… Faut dire que je ne suis pas non plus une flèche en code, mais bon !!!
Par conséquent, je suis à la recherche de toute aide permettant d’apporter une avancée à ce principe de Facebook Connect.
Et au passage, félicitation pour ton site qui m’a souvent aidé à me sortir de situations bien tordues… Continues !!!
Facebook évolue tellement (et changes tout du jour au lendemain) que je n’ai pas forcément une solution viable à te proposer.
De mémoire, il te faut créer une application pour ton site côté Facebook. Par contre, côté WordPress, je ne me souviens pas avoir testé sans faire appel à un plugin.
Essaie de voir avec la doc, c’est encore le plus simple… effectivement, si l’anglais n’est pas ton fort, ça risque de pas mal coincé car les américains pensent toujours que leur langue est celle par défaut des humains.
Bonjour,
J’adore votre tuto, mais j’ai un petit problème, je suis sous mystique et l’avatar de l’utilisateur ne s’affiche pas, je vois l’icône par défaut de facebook.
Malheureusement, ce type de problème est bien trop spécifique pour que je puisse vous apporter une aide efficace…
Ce n’est pas grave merci quand même.
Par contre j’ai un autre problème, des qu’un utilisateur veut poster un com a vec facebook connect, wordpress m’affiche ERREUR 5OO interne du serveur veuillez poster un commentaire
Peut-être un problème d’hébergeur…
Bonjour,
Avant tout merci pour ce tuto qui m’a été d’une grande utilité cependant j’ai un énorme souci j’ai fait le test avec deux comptes facebook différent et une fois connecté par facebook connect impossible de me déconnecter.
Je ne sais vraiment pas quoi faire.
Merci d’avance pour vos réponses.
Désolé mais ce type de soucis doit être reporté à l’auteur du plugin car je n’ai actuellement aucun site qui utilise ce système…
Dommage que ce site ne l’utilise pas.
Je prévois quelque chose de mieux !
dans la foulée, je vous propose http://mashable.com/2009/01/12/facebook-connect-implementations/
ou les bonnes idées qu’une implémentation personnalisée permet de faire.