Télécharger WordPress Snap sur WordPress.org

Le service d’hébergement WordPress.com dispose d’un moyen simple et rapide de générer des miniatures de sites via son service mShots. Peu connu, il permet de générer facilement un aperçu rapide d’une page. À utiliser pour vos projets en ligne et articles présentant des thèmes, webdesign…
[code]function gk_snap($atts, $content = null) {

extract(shortcode_atts(array(
« snap » => ‘http://s.wordpress.com/mshots/v1/’,
« url » => ‘https://www.geekeries.fr’,
« alt » => ‘Mon image’,
« w » => ‘400’, // largeur
« h » => ‘300’ // hauteur
), $atts));

$img =  »;
return $img;
}

add_shortcode(« snap », « gk_snap »);
[/code]
Ce bout de code est à coller dans le fichier functions.php de votre thème WordPress. Par la suite, il est très facile de l’utiliser dans vos articles. Pour cela, il vous suffit simplement de coller cette balise personnalisée (shortcode) en renseignant les paramètres. La hauteur est quand même facultative. Elle est généralement calculée grâce à la largeur. Voici un exemple :
[code]Ma description[/code]

Ce qui donne :
Annoncer sur WordPress Geekeries

Notons également que la génération de l’image prend environ quelques secondes. Dans les cas les plus extrêmes, cela peut prendre 5 secondes. Une image par défaut est pendant ce temps là affichée.

Le plugin WordPress

Je vous conseil également de l’utiliser directement comme un plugin. L’avantage et qu’il est alors possible de le désactiver quand vous le voulez, sans pour autant toucher au fichier functions.php de votre thème. Pour cela, créer un fichier « gk-snap.php » dans le répertoire « plugins » de votre installation et collez-y ce code. Activez ensuite le plugin pour profiter du shortcode.

[code]
< ?php /* Plugin Name: GkSnap Plugin URI: https://www.geekeries.fr/snippet/creer-automatiquement-miniatures-sites-wordpress/ Description: Créer facilement des miniatures de sites Author: Valentin Brandt Version: 1.0 Author URI: https://www.geekeries.fr/ License: GPL2 */ function gk_snap($atts, $content = null) { extract(shortcode_atts(array( "snap" => ‘http://s.wordpress.com/mshots/v1/’,
« url » => ‘https://www.geekeries.fr’,
« alt » => ‘Mon image’,
« w » => ‘400’, // largeur
« h » => ‘300’ // hauteur
), $atts));

$img =  »;
return $img;
}

add_shortcode(« snap », « gk_snap »);

?>
[/code]

Télécharger WordPress Snap sur WordPress.org

18 réponses

  1. Bonjour,

    j’ai essayer d’intégrer votre code sur mon blog pour générer des captures de site, mais aucun autre site que le votre fonctionne. J’ai toujours l’image en fond noir avec Generating Preview et rien ne se passe, sauf pour le votre ou cela fonctionne.

    Pouvez-vous m’aider.

    Merci.

    1. Bonsoir Guillaume
      Essaye de supprimer le tout dernier / de ton lien. Vérifie bien que tu as renseigné un lien valide : le « http:// » est obligatoire pour que cela fonctionne.

      As-tu un tiret dans le nom de domaine ? Cela peut venir de l’encodage de l’url :/

  2. @Guillaume : Les mises jours sont seulement traitées par le service en ligne de WordPress.com. Il y a eu une récente mise à jour d’après ce que je vois. Je n’ai aucune idée de leurs fréquences :/

    J’ai ajouté le shortcode, comme un plugin sur le référentiel des extensions WordPress, ça peut aider et faciliter l’accès pour les débutants/clients : WordPress Snap

  3. Excellente astuce, testée et approuvée :)
    Merci pour ce partage.

    Si jamais le besoin de mise à jour d’un SNAP se fait ressentir pour un site, essayer d’ajouter ou retirer les « www. » après http:// pour forcer le renouvellement du snapshot. Ça fonctionne à condition que le site soit accessible avec et sans les www (même si c’est une recommandation Opquast, ce n’est pas toujours le cas :p).

    Bonne continuation !
    Geoffrey

    EDIT : chez moi la génération du snap demande au moins un rafraichissement de la page pour éviter de rester sur l’image par défaut de WP.

    1. Oui, la génération se fait en quelques secondes, il faut donc un rafraichissement pour la voir ;p
      Pour sa mise à jour, j’ai l’impression qu’elle est de 24H… à vérifier

      Sinon, oui on peut tricher en ajoutant/enlevant « www » ou les « / ». Mais on dirait que les mises àjour sont fréquentes.

      PS : J’ai encore mis à jour le plugin sur le extend (voir le changelog) :)

  4. Valentin Brandt,

    Looks great ! I have just tried it and really excellent plugin I need. I would like to know if there is a possibility to integrate the functionality with TDO mini forms and can be able to generate the snaps automatically without using shortcode.

    I mean to ask , that when ever a link is submitted via TDO Mini Forms, a thumb nail should be generated. I hope that you could help me with this

    I have a test site built with ‘TDO Mini Forms’and happy to share it with you to test the feature .Please let me know if you need login details to check :)

    Thank you!

  5. Can you tell me , how to Wrap text around the snaps? WordPress’s « add as featured image » automatically wraps the text. But I don’t know how to wrap text around the snaps using when I used your shortcode

    Thank you!

  6. too bad, you arent’t writing in englisch (or german ;) ). love everything i saw and would like to follow your work but my french is just too bad! what i did understand is this shortcode. thank you for sharing this. works fine :)

  7. Je ne connaissais pas, dis moi tu aurais la meme chose pour faire une miniature d’une vidéo youtube ou dailymotion ?
    car si je l’utilise j’aurais toute la page :s

  8. bonjour,
    HTTP/1.0 404 Not Found
    que faut-il mettre à la place???

    ps: il serait bien de voir si il y a des commentaires sous vos articles seuls, sans à avoir à cliquer sur « afficher les commentaires » j’ai long à comprendre à quoi servait ce bouton, je préférais le site avant.

  9. Bonjour,

    j’utilise cette extension depuis pas mal de temps. Mais mantenant je dois basculer mon site vers le HTTPS et sur la page sur laquelle j’utilise cette extension j’ai un contenu mixte, car l’URL utilisée pour faire la miniature est en HTTP, je sais qu’il existe une version de l’URL en HTTPS mais je ne sais pas où il faut la changer dans ton extension ?

    Peux-tu me dire comment faire ?

    Merci

Laisser un commentaire

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