Você 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 você pode usar para exibir capturas de tela de qualquer site usando um shortcode no WordPress.
Instruções:
Tudo o que você precisa fazer é adicionar este código ao arquivo functions.php do seu tema ou a 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 sua primeira vez adicionando snippets de código no WordPress, consulte nosso guia sobre como adicionar snippets de código corretamente no WordPress, para não quebrar acidentalmente seu site.
Se você gostou deste trecho de código, considere conferir nossos outros artigos no site, como: 9 melhores plugins de eventos para WordPress e como adicionar um portfólio ao seu site WordPress.
Alguma ajuda sobre como usar isso com um campo de metadados personalizado que pode ser inserido pelo front-end?
Obrigado.
Eu realmente gosto deste trecho e acabei de colocá-lo em uso na minha página de portfólio. Após a primeira atualização da página, as imagens parecem carregar bem, mesmo no meu outro computador. Então, acho que elas só precisam passar por esse mshots uma vez. Muito legal.
A principal desvantagem é não utilizar a imagem destacada.
Oi Jamie, Você poderia fazer isso com a imagem destacada, mas exigiria que você criasse capturas de tela de cada site. Desta forma, você só precisa adicionar o URL de qualquer site para obter uma captura de tela.
Isso pode ser verdade, mas se você pré-visualizar sua postagem antes, isso não deve ser um grande problema.