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_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.

[row]
[col width= »six »]

Toutes les options pour du sur mesure
Toutes les options 100% sur mesure pour intégrer Facebook à Worpdress

 

[/col]

[col width= »six »]

Widget Texte WordPress pour intégrer Facebook
Widget Texte WordPress pour intégrer Facebook

[/col]
[/row]

[/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 !

[row]
[col width= »six »]

intégrer twitter dans un widget wordpress sans installer une extensiosn wordpress
Paramètres Twitter

[/col]
[col width= »six »]

intégrer twitter dans un widget texte wordpress sans installer une extensiosn wordpress
Collez le texte de Twitter dans un widget Texte de WordPress

[/col]
[/row]

[/toggle_item]

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

[button type= »small » color= »black » link= »# » ]Si vous n’avez pas compris de quoi je parle,[/button] il s’agit de la « boîte » Facebook dans la colonne de droite et de la « boîte » Twitter tout en bas du site.

 

D'autres articles sur Conseils pour blogueur / Blog coaching

18 Commentaires

  1. GeekPress

    02/06/13 at 21:56

    Euh, c’est vraiment un mythe : plugin = ralentissement du site.

    Que fait le plugin ? Ni plus ni moins que le code que vous allez ajouté vous même dans le thème.

    Un plugin bien codé ne ralentira jamais votre site 😉

    Il faut vraiment éviter de penser ça…

    Et pour être certains que le plugin soit fiable, il suffit de regarder le nombre de téléchargement, le forum du support et les avis postés sur sa fiche !

    Répondre

    • eric

      10/04/16 at 12:59

      le codage comme peu de chose sur cette planete n’est jamais parfait, et entre le codage pas optimisé et le codage qui intégre des erreurs comme tout codage (jusqu’à une future MAJ…)
      les pirates utilisent bien évidement ce type d’erreur…
      donc oui le plugin c’est sympa mais oui ca ralentit (des fois c’est constable) et niveau sécu c’est que de nouvelles possibilités de pénetrer vos systèmes.

      Répondre

  2. Xavier

    04/06/13 at 18:23

    Je ne connais pas tous les plugins, mais pour en avoir testé quelqu’un, j’en ai trouvé plusieurs qui ralentissent le site.
    Celui qui me vient tout de suite en tête, c’est « Shareholic ».

    Enfin le mieux c’est tout de même de faire le teste soit même.

    Mais quoi qu’il en soit je ne vois aucun intérêt à choisir un plugin pour ce genre de chose. Même si ça ne faisait pas ralentir le site, comme je le disais, on devient dépendant de mises à jours éventuelles.

    Répondre

  3. Guillaume

    23/07/13 at 17:30

    Simple clair et rapide, merci pour ce tuto efficace

    Répondre

  4. Hervé Zarka

    15/08/13 at 15:10

    Quand on est un grand utilisateur de Twitter et qu’on veut être un blogueur régulier, c’est normal qu’on voudra lier les deux. Je trouve que c’est une bonne solution de vouloir limiter au maximum le nombre de plugin et les widgets qui sont bien souvent ignorés par les lecteurs je trouve.

    Donc merci pour vos astuces qui sont bien utiles!

    Répondre

  5. tota

    03/02/14 at 15:16

    Bonjour,
    Votre astuce est très bien.
    Comment peut-on faire pour afficher que les derniers tweets par exemple?
    J’ai beaucoup de tweets, ce n’est pas intéressant de tout afficher en bloc.
    Merci d’avance

    Répondre

    • Xavier Berthier

      03/02/14 at 15:22

      Bonjour et merci.

      Il suffit tout simplement de limiter la taille en hauteur (par exemple 350).

      Répondre

  6. fred

    11/02/14 at 17:09

    bonjour,

    malheursement sa marche pas, sa vient pas du S ou parce qu’il y a marqué mode bac a sable au dessus du code?

    merci d’avance

    Répondre

  7. Lucile

    21/02/14 at 14:15

    Bonjour,

    Tout d’abord, merci pour cette astuce très bien expliquer !

    Ensuite, je n’arrive pas à afficher sur mon site une like box, j’ai beau réduire la largeur de la like box, elle ne s’affiche pas sur mon site. Comment savoir la largeur max du widgets texte en fonction de notre thème ?

    Encore merci pour cette explication !

    Répondre

  8. François

    04/05/14 at 10:41

    Excellentes astuces, merci !

    Répondre

  9. brain de geek

    01/08/14 at 16:53

    Question comment avoir votre type de description? et bloquer la copie? merci de votre réponse cordialement cyril

    Répondre

  10. Rebecca

    31/08/14 at 20:51

    Thank you Xavier, I find these widgets helpful for automatically updating my Facebook and Twitter. I also use other social media tools like Buffer and Dlvr.it for scheduling updates, especially as I have different people following my blog to my Twitter account.

    Répondre

  11. maybe2cannes

    07/11/14 at 21:25

    merci pour ce tuto tres simple, car je galere depuis un certain temps avec des widget super compliqués (et ça foirait à chaque fois!)
    en moins de 5mn affaire reglée!
    Faut juste que j’essaye de refaire de meme pour essayer d’integrer les commentaire de ma page facebook vers mon blog maintenant :)!

    Répondre

  12. Omar

    06/09/15 at 15:21

    Merci, excellent sujet

    Répondre

  13. Thomas

    14/01/16 at 22:37

    Ah super je craignez que cela fasse ramer mon site avec tous ces plugins mon site deviens lourd merci pour cette alternative.

    Répondre

  14. DadouchKa

    23/03/16 at 10:16

    personnellement j’ai galéré au début pour installer une like box Facebook sur mon blog car facebook a mis a jour ce truc et il n ‘ y a plus de code Iframe à intégrer sur le blog du coup j’ai mis le premier code qu’il nous propose dans le footer ( pied de page) et puis le deuxième code dans le widget ( texte ) et hop le tour est joué et j’ai ma like box sur mon blog

    Répondre

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Vous aimerez aussi

Le jour où l’on ne pouvait plus se connecter à WordPress sur notre blog…

  Problème d’accès à la zone d’administration de WordPress : retour d’expérienc…