Achetez les meilleurs Thèmes WordPress du marché !

Créer automatiquement des miniatures de sites avec WordPress

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…

function gk_snap($atts, $content = null) {

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

		$img = '<img src="' . $snap . '' . urlencode($url) . '?w=' . $w . '&h=' . $h . '" alt="' . $alt . '"/>';
        return $img;
}

add_shortcode("snap", "gk_snap");

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 :

[snap url="http://www.geekeries.fr/publicites/" alt="Ma description" w="400" h="300"]

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.

<?php
/*
Plugin Name: GkSnap
Plugin URI: http://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: http://www.geekeries.fr/
License: GPL2
*/

function gk_snap($atts, $content = null) {

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

		$img = '<img src="' . $snap . '' . urlencode($url) . '?w=' . $w . '&h=' . $h . '" alt="' . $alt . '"/>';
        return $img;
}

add_shortcode("snap", "gk_snap");

?>

Télécharger WordPress Snap sur WordPress.org

add_post_type_support('page', 'excerpt'); Ce bout de code est à placer dans le fichier "functions.php" présent dans le dossier ...

En savoir plus

function GkId($column) { $column['identifiants'] = 'Identifiants'; return $column; } add_filter('manage_posts_columns', 'GkId', 5, 2); add_filter('manage_pages_columns', 'GkId', 5, 2); function GkIds($column,$ID) { if( $column == ...

En savoir plus

Publicité

En savoir plus

< ?php //Query query_posts('showposts=5&orderby=rand'); //La boucle if ( ...

En savoir plus
Afficher les commentaires !

12 commentaires !

  1. Guillaume says:

    août 7, 2011

    Répondre

    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.

    • Valentin says:

      août 7, 2011

      Répondre

      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 says:

    août 8, 2011

    Répondre

    Bonjour,

    merci cela marche correctement, par contre j’ai une nouvelle question, comment mettre à jour les miniatures ?

    Merci pour votre aide.

  3. Valentin says:

    août 15, 2011

    Répondre

    @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

  4. Geoffrey says:

    août 16, 2011

    Répondre

    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.

    • Valentin says:

      août 17, 2011

      Répondre

      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) :)

  5. VBK says:

    août 30, 2011

    Répondre

    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!

  6. VBK says:

    août 30, 2011

    Répondre

    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!

    • VBK says:

      sept 1, 2011

      Répondre

      VBK

      Valentin ,

      Please let me know if I need to rephrase the question

  7. Prüfer says:

    fév 19, 2012

    Répondre

    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 :)

  8. Cyril says:

    fév 29, 2012

    Répondre

    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

  9. laurent says:

    mar 27, 2012

    Répondre

    bonsoir,j’ai moi cela ne fonctionne pas ,les champs sont tous remplis mais rien ne se passe

Qu'est-ce que vous en pensez ? :)

Nom obligatoire

Site

♥ Ici, on utilise KeywordLuv. Entrez YourName@YourKeywords dans le formulaire "Nom" pour bénéficier des avantages SEO d'un mot-clef ciblé. Devenez membre et connectez-vous pour partager des fichiers via les commentaires !

Notre Newsletter WordPress