• Blog
    • Electronique
      • Arduino
      • POV
      • Raspberry PI
    • Divers
      • Gadget
      • Geekeries
      • SteamPunk
    • Do It Yourself
    • High Tech
      • IHM
      • Innovation
      • Réalité Augmenté
    • Imprimante 3D
    • Informatique
      • Hardware
      • Internet
      • Multimedia
      • Software
    • Robotique
    • Test et expertise
  • Boutique
    • Cartes Arduino
    • Raspberry PI
    • Cartes de développement
    • Capteurs
- Annonce -
  • Blog
    • Electronique
      • Arduino
      • POV
      • Raspberry PI
    • Divers
      • Gadget
      • Geekeries
      • SteamPunk
    • Do It Yourself
    • High Tech
      • IHM
      • Innovation
      • Réalité Augmenté
    • Imprimante 3D
    • Informatique
      • Hardware
      • Internet
      • Multimedia
      • Software
    • Robotique
    • Test et expertise
  • Boutique
    • Cartes Arduino
    • Raspberry PI
    • Cartes de développement
    • Capteurs
Accueil » Divers Wordpress

WordPress : Modifier l’image d’un article associé au bouton « J’aime » de Facebook

Semageek Publié le 28 février 2011
45
4.3K Vues


  • Partagez sur Facebook
  • Twittez

Depuis peu , Facebook vient d’améliorer le fonctionnement du bouton Like ou J’aime. Il poste désormais un résumé sur le profil dans le style de bouton Share ou Partagez. Voici comment définir l’image miniature associée par défaut à ce résumé sous WordPress.

Jusqu’à présent, j’utilisais le bouton Share qui permettais de réaliser un meilleur rendu lorsqu’un lecteur partagait un article, en effet celui-ci affichait un court résumé de l’article ainsi qu’une miniature.

Chaque fois que l’on cliquait dessus, on arrivait sur une page qui nous permettait de choisir la miniature associée à l’article, et pour mon cas, bien souvent, celle par defaut ne correspondait pas souvent à l’article partagé.

Avec l’arrivée du bouton « J’aime » amélioré, on arrive plus sur cette page d’interface, la miniature est générée automatiquement, ne laissant plus aucun choix à l’utilisateur. Ceci est bien en taux de conversion, car on passe d’un partage en deux clics en un partage en seul clic.

Mais quel est donc l’impact réel si la miniature n’image en rien votre article…

Il suffit cependant d’ajouter dans la partie head de votre code une balise link pointant vers votre image source de l’article.

<link rel="image_src" href="mon-image.jpg"/>

Voici donc une modification à intégrer au fichier fonction.php de WordPress pour générer une miniature correspondante à la première image de l’article.


add_action( 'wp_head', 'fb_like_thumbnails' );

function fb_like_thumbnails()
{
global $posts;
$default = 'http://www.monblog.com/mon-image-par-defaut.png';
$content = $posts[0]->post_content;
$output = preg_match_all( '/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $content,
                                      $content, $matches);
if (( $output> 0 ) & is_single())
$thumb = $matches[1][0];
else
$thumb = $default;
echo '<link rel="image_src" href="'.$thumb.'"/>';
}

Personnellement je n’utilise pas la fonction native de thumbnail d’article intégré à WordPress, mais rien ne vous empêche de l’utiliser pour l’affecter à l’image par défaut avec la fonction the_post_thumbnail();

Il faut savoir que si vous voulez tester le résultat final sans pourrir votre profil Facebook et perdre vos amis, vous pouvez tester le resultat sur la page Linker Tool

Vues : 4 253
  • Partagez sur Facebook
  • Twittez


- Annonce -
boutoncodedefautfacebookfonctionfonction.phpj'aimelikeminiaturemodificationmodifierpartagerphpshareWordpressWP


Auteur

Semageek

La trentaine et passionné par l’électronique et l’informatique. Le DIY et l'univers geek est une vocation que j’ai depuis tout petit, bercé entre les StarWars et les Mac Gyver. J’ai toujours eut une passion très forte pour l’informatique, depuis l’âge de 7 ans où j’ai eu mon premier ordinateur, un Tandy TRS-80 pour les connaisseurs. Et depuis, je suis assez autodidacte et je me forme à l’aide d’internet dans les divers langage de programmation. Actuellement je souhaite prendre un tournant dans ma vie et essayer de travailler à 100% à mon compte sur le web, alors j’essaie de lancer des sites, des idées des concepts dont Semageek fait partie.

Vous aimerez aussi
DIY : Transférer les données d’accès WiFi à un ESP8266 en LiFi
14 juin 2018
DIY : Un système d’alarme à base d’Arduino simple à réaliser
18 janvier 2017
Un Easter Egg dans les oscilloscopes pour jouer à Tetris ou Asteroids
28 avril 2014
T2 : Une statue de Terminator T-800 plus vrai que nature.
A lire en suivant

T2 : Une statue de Terminator T-800 plus vrai que nature.

  • - Annonce -
  • Articles Populaires

    • 1
      Fabriquer un brouilleur de téléphone mobile.
    • 2
      Les 42 commandes les plus utiles sur Raspberry PI
    • 3
      DIY : Une machine CNC de gravure laser fabriquée avec une diode laser de graveur DVD

  • SEMAGEEK : Actualités High Tech, Robot, Électronique, DIY et Arduino.

    Mentions Légales

    Annonceurs

    À propos

    Contact

  • Articles Récents

    • STAR : Un robot modulable à base d'arduino qui se faufile partout
    • DIY : Fabriquer un robot mangeur de pièces avec une boite de Pringles et un arduino
    • Un robot imprimé en 3D qui dessine dans le sable.
  • Articles Populaires

    • 1
      Fabriquer un brouilleur de téléphone mobile.
    • 2
      Les 42 commandes les plus utiles sur Raspberry PI
    • 3
      DIY : Une machine CNC de gravure laser fabriquée avec une diode laser de graveur DVD

© Copyright Semageek® 2009 - 2020
Appuyez sur Entrée pour lancer votre recherche
Nous utilisons des cookies pour vous garantir la meilleure expérience sur notre site. Si vous continuez à utiliser ce dernier, nous considérerons que vous acceptez l'utilisation des cookies.Ok