Vous cherchez un moyen d'afficher une capture d'écran de n'importe quel site Web à l'aide d'un shortcode ? Bien qu'il existe probablement un plugin pour cela, nous avons créé un extrait de code rapide que vous pouvez utiliser pour afficher une capture d'écran de n'importe quel site Web à l'aide d'un shortcode dans WordPress.
Instructions :
Il vous suffit d'ajouter ce code au fichier functions.php de votre thème ou dans un plugin spécifique au site :
function wps_screenshot($atts, $content = null) {
extract(shortcode_atts(array(
"screenshot" => 'http://s.wordpress.com/mshots/v1/',
"url" => 'http://',
"alt" => 'screenshot',
"width" => '400',
"height" => '300'
), $atts));
return $screen = '<img src="' . $screenshot . '' . urlencode($url) . '?w=' . $width . '&h=' . $height . '" alt="' . $alt . '"/>';
}
add_shortcode("screenshot", "wps_screenshot");
Ceci est l'exemple du shortcode. Vous pouvez remplacer l'URL de l'image par votre image et ajuster également la largeur et la hauteur selon vos besoins.
[screenshot url="http://isitwp.com/image.jpg" alt="WordPress code snippets for your blog" width="200" height="200"]
Remarque : Si c'est la première fois que vous ajoutez des extraits de code dans WordPress, veuillez consulter notre guide sur la manière d'ajouter correctement des extraits de code dans WordPress, afin de ne pas endommager accidentellement votre site.
Si vous avez aimé cet extrait de code, n'hésitez pas à consulter nos autres articles sur le site tels que : 9 meilleurs plugins d'événements WordPress et comment ajouter un portfolio à votre site WordPress.
Une aide sur la façon de l'utiliser avec un champ personnalisé de métadonnées qui peut être saisi depuis le front-end ?
merci.
J'aime vraiment cet extrait et je l'ai mis en place sur ma page de portfolio. Après le premier rechargement de la page, les images semblent se charger correctement, même sur mon autre ordinateur. Donc, je suppose qu'elles doivent juste passer par ce mshots une fois. Plutôt cool.
Le principal inconvénient est de ne pas utiliser l'image mise en avant.
Salut Jamie, Vous pourriez faire cela avec l'image mise en avant, mais cela nécessiterait de créer des captures d'écran de chaque site. De cette façon, vous n'avez qu'à ajouter l'URL de n'importe quel site pour obtenir une capture d'écran.
C'est peut-être vrai, mais si vous prévisualisez votre article avant, cela ne devrait pas poser de gros problème.