Comment bien intégrer Facebook et Twitter dans les widgets WordPress sans installer d’extension ?

Vous êtes certainement présent sur plusieurs réseaux sociaux pour votre blog WordPress, et c’est très bien. Vous vous êtes aussi penché sur cette question dès le départ : « comment intégrer les réseaux sociaux à mon blog ? », et c’est encore mieux.

Alors en bon blogueur 2.0, vous avez trouvé une multitude de résultats sur Google et vous vous êtes empressé de télécharger plusieurs extensions WordPress pour votre blog.

Fausse Bonne Idée !

Bien que l’installation d’un plugin Facebook ou Twitter soit facile et rapide, je vous le déconseille fortement (un plugin est une « extension » dans WordPress).

Pour faire simple : sachez qu’à chaque fois que vous installez une extension Wordpress et que vous l’activez, du code est ajouté dans les pages de votre blog. Ce code ralentit la vitesse de chargement de votre blog et vous rend dépendant d’une éventuelle mise à jour de l’éditeur. De plus ce morceau de code dans votre page va « chercher » le code de l’extension en question sur un autre emplacement de votre serveur.

Pourquoi ne pas installer une extension WordPress ?

1. Vous ralentissez votre blog.
2. Vous êtes dépendant de mises à jour.
3. Vous ne pouvez pas être certain que le code soit « propre ».

Préférez une intégration manuelle

J’entends souvent que les gens préfèrent installer une extension WordPress car c’est plus facile et plus rapide. Plus facile oui. Mais plus rapide, certainement pas. Et comment peut on passer des heures à écrire des articles et refuser de passer 10 minutes sur un élément aussi important et sur lequel vous n’aurez plus jamais à revenir ? Même s’il y a une mise à jour majeure de WordPress !

Contrairement à ce que vous pouvez penser, ce n’est pas plus long. Tout au plus 5 minutes pour intégrer un widget Facebook et 3 minutes pour Twitter. Alors si vous comparez le temps qu’il vous faut pour trouver LA super extension Wordpress sociale parmi tous les « top 10 des extensions Wordpress « , et ensuite en tester quelques-unes, vous y passerez plus de temps !

[toggle]
[toggle_item title = »Intégrer Facebook = 5 minutes. »]

Objectif : intégrer une « Like box » ou « Fan Box » Facebook dans votre barre de widgets WordPress sans installer une extension Wordpress (plugin).

1. Rendez-vous sur la page « Social Plugin« 
2. Choisissez votre plugin. Par exemple « Like Box« , vous pouvez aussi choisir une Fan Box
3. Copiez l’adresse de votre page Facebook dans la 1ère case
4. Width : définissez la largeur de votre Like Box. Doit correspondre à la largeur maximum de votre espace de widget, en fonction de votre thème. Si vous ne savez pas, essayez 350, 320, 300 puis 250
5. Height : la hauteur de la Like Box. Faites des essais, mais ce paramètre n’est pas obligatoire
6. Cochez ou non « Faces » pour voir les visages de vos fans Facebook (ça je vous le conseille, c’est l’identité visuelle que recherche l’internaute inconsciemment)
7. Choisissez Light ou Dark pour un fond blanc ou gris de la Like Box
8. Cochez ou décochez « Stream » pour afficher ou non le flux de votre page Facebook sur votre blog
9. Show border : décochez si vous ne souhaitez pas faire apparaître une bordure comme cadre de la Like Box
10. Header : cochez ou non pour choisir d’afficher l’entête « Retrouvez-nous sur Facebook »
11. Cliquez sur Get Code
12. Choisissez IFRAME, puis sélectionnez le code en entier en cliquant une fois sur le texte, et copiez le texte (clic droit, copier)
13. Rendez-vous dans la partie widgets de votre blog (menu de gauche, apparence puis widget)
14. Glissez, déposez un widget Texte à l’emplacement souhaité
15. Copiez le texte et cliquez sur enregistrer

Voilà, c’est tout. Vous avez remarqué la facilité avec laquelle vous avez pu faire ça ?

Si jamais vous souhaitez faire des modifications, vous pouvez le faire dans le texte du widget WordPress ou en repassant par Facebook si vous n’êtes pas à l’aise avec le html et en reprenant depuis l’étape 2.

 

[/toggle_item]

[toggle_item title = »Intégrer Twitter = 3 minutes. »]

1. Rendez-vous sur Twitter
2. Cliquez sur « paramètres » en haut à droite, puis sur « Widgets« 
3. Ensuite, choisissez « Créer un nouveau« 
4. Sélectionnez ensuite « Fil d’utilisateur » (vous pouvez essayer avec les autres après)
5.  Indiquez votre pseudo Twitter sans le « @ »
6. Cochez ou pas les deux choix dans « options« 
7. Définissez une hauteur fixe (si la destination est le pied de page de votre site, réduisez la. Vous pouvez revenir dans cette partie plus tard en choisissant « éditer » plutôt que « créer un nouveau »).
8. Comme pour Facebook, choisissez ensuite un fond clair ou sombre
9. Cliquez sur « créer un widget » puis copiez le texte
10. Comme pour Facebook encore une fois, ajoutez un widget Texte dans WordPress à l’emplacement souhaité et collez y le texte
11. Enregistrer et admirez votre travail !

[/toggle_item]

[/toggle]

Vous avez vu comme c’était rapide ? Il aurait été dommage de s’en priver, non ?

Si vous n’avez pas compris de quoi je parle, il s’agit de la « boîte » Facebook dans la colonne de droite et de la « boîte » Twitter tout en bas du site.