Está procurando uma maneira de exibir uma captura de tela de qualquer site usando um shortcode? Embora provavelmente exista um plugin para isso, criamos um trecho de código rápido que pode ser usado para exibir a captura de tela de qualquer site usando um shortcode no WordPress.
Instruções:
Tudo o que você precisa fazer é adicionar esse código ao arquivo functions.php do seu tema ou em um plugin específico do 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");
Este é o exemplo do shortcode. Você pode substituir o URL da imagem pela sua imagem e também ajustar a largura e a altura conforme necessário.
[screenshot url="http://isitwp.com/image.jpg" alt="WordPress code snippets for your blog" width="200" height="200"]
Observação: Se esta é a primeira vez que você adiciona trechos de código no WordPress, consulte nosso guia sobre como adicionar corretamente trechos de código no WordPress, para não danificar acidentalmente seu site.
Se você gostou desse snippet de código, considere dar uma olhada em nossos outros artigos no site, como: 9 melhores plug-ins de eventos do WordPress e como adicionar um portfólio ao seu site WordPress.
Any help on how to use this with a custom meta field that can be entered from front-end?
thanks.
I really like this snippit and just put it to use on my portfolio page. After the first page refresh the images seem to load just fine even on my other computer. So I guess they just have to go through that mshots once really. Pretty cool
The main downfall is not utilizing the featured image.
Hi Jamie, You could do this with the featured image but would require you do create screenshots of every site. This way you only need to add the url of any site to get a screenshot.
This may be true but if you preview your post before hand that should not be a big problem.