Créez des miniatures de sites automatiquement avec WordPress

Webdesign 14/09/2012 jim 0

intégrer les miniatures des captures d’écrans de tous les thèmes s’y trouvant; il peut être fastidieux de devoir effectuer une capture d’écran via un logiciel spécifique, la redimensionner et enfin l’envoyer sur votre blog WordPress. Heureusement, WordPress y a pensé et possède un shortcode qui automatise ce processus. Vous n’avez qu’à entrer l’url de la page en question et elle sera immédiatement intégrée dans votre article sous forme d’images ou de miniatures.

Insérer des miniatures automatiquement

L’insertion de captures d’écran sur WordPress peut se faire d’une façon automatique en inscrivant un shortcode dans votre éditeur visuel.

Code à intégrer

Pour effectuer des captures d’écran et les inserer automatiquement dans votre site, il suffit de coller ce code dans la partie functions.php de votre site, tout à la fin par exemple.

function gk_snap($atts, $content = null) {
        extract(shortcode_atts(array(
			"snap" => 'http://s.wordpress.com/mshots/v1/',
			"url" => 'http://www.geekeries.fr',
			"alt" => 'description 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");

Le Shortcode

Ensuite, il ne vous reste plus qu’à écrire ce shortcode à l’endroit où vous désirez que l’image de la capture apparaisse dans votre article.

[[snap url="http://www.URL.com/" alt="Miniature de Youtube.com" w="400" h="300"]]

URL= Url du site à miniaturiser.
alt= Nom de la miniature
w= Longueur
h= Largeur
Si vous désirez centrer la miniature au milieu de votre article, vous pouvez le faire simplement en centrant votre shortcode comme si vous centriez du texte dans l’éditeur visuel.

Redimensionnement de la miniature

La taille des miniatures par défaut est de 400 X 300px mais vous pouvez les redimensionner proportionnellement selon ces tailles:

100 px X 75 px
200 px X 150 px
250 px X 175 px
300 px X 200 px
400 px X 300 px
500 px X 350 px
600 px X 400 px

Pour ma part, sachez que je n’arrive à redimensionner que la largeur de l’image, la hauteur n’en fait qu’à sa tête. C’est pour cela que je ne redimensionne jamais les miniatures, je les laisse au format 400X300. Si vous possédez une technique pour redimensionner correctement les captures d’écran, n’hésitez pas à m’en informer via les commentaires de cet article.

Faire pointer les captures d’écran vers des URL

J’ai cherché pendant longtemps comment je pouvais faire pointer la miniature obtenue automatiquement vers le site en question en ajoutant du code dans le shortcode mais je n’ai jamais trouvé.
J’ai cependant trouvé un moyen de rediriger la miniature vers l’URL de son site grâce à un moyen très simple: rendez vous dans l’éditeur visuel, sélectionnez votre shortcode et cliquez sur le bouton Insérer un lien (ou appuyer sur Alt + Shift + A) et collez le lien du site où a été prise la miniature. Voila, votre miniature possède désormais un lien.