Graphisme – Photographie – Marketing Print et Web.

Créez des miniatures de sites automatiquement avec WordPress

thumb-captures-ecran-wordpressSi vous rédigez un article sur, par exemple, les 30 meilleures thèmes Wordpress, et que vous désirez y 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

Avec un Shortcode

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" => '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");

Le Shortcode

Ensuite, il ne vous reste plus qu’à écrire ce shortcode à l’endroit où vous désirez que l’image de la capture apparaissent 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. Cependant, ce lien ne se créé pas automatiquement comme je le voulais. Si vous aussi vous désirez créer des liens automatiquement vers le site de la miniature, je vous conseille d’installer un plugin: WordPress Snap. Découvrez le dans le paragraphe ci-dessous.

Générez des captures avec l’extension WordPress Snap

Grace à ce plugin, votre shortcode s’écrira automatiquement, vous n’aurez qu’à choisir les options en cliquant sur le bouton WordPress Snap et qui permettra de rentrer en quelques clics tous les paramètres souhaités. Ainsi, votre miniature pourra rediriger vers le site de la miniature, pourra être en nofollow etc… A vous de choisir via un panneau de ce type:

screenshot_wordpress_snap

Créez des captures avec Curate.us

Curate.us est un outil en ligne gratuit qui vous permet de créer des captures d’écran d’une page web. Son principe est simple, vous entrez  l’URl de la page dont vous désirez créer une miniature ou une capture. Vous pourrez ensuite la partager sur votre blog wordpress, Blogger, Facebook ou encore Twitter.

Personnellement, j’ai décidé de créer mes captures d’écran manuellement, c’est à dire que je copie l’écran de la page d’accueil avec un outil comme Fireshot pour Google Chrome ou , ensuite je modifie les dimensions de l’images et je la place sur mon serveur. Cela permet de me donner plus de sécurité si un jour, un de ces outils venait à disparaître…

Et vous quels sont vos méthodes pour insérer automatiquement des captures d’écrans et des miniatures dans votre site (WordPress ou non) ?

10 commentaires
  1. Excellent article qui mixe les solutions, au choix une intégration complète via fuction.php ou les plugins…

    Quid du plugins? Pas trop lourd ?

    • Non les plugins ne sont pas trés lourds. Le seul probleme avec le plugin est: comment faire si dans quelques années ce plugin n’est plus mis à jour et est abandonné… Il faudra alors trouver une autre solution et devoir tout recommencer.?! C’est pour cela que je cherche une alternative aux plugins. Il en est de même pour le site Curate.us. Comment faire si ce site (cet outil) n’existe plus dans quelques années? Nous devrons recommencer tout notre travail de captures d’écrans et ré-écrire l’ensemble des URLs. Ce qui me semble fastidieux si notre site comporte des centaines et des centaines de captures et miniatures d’écran.

Laisser une réponse

post