¿Está buscando una manera de mostrar una captura de pantalla de cualquier sitio web utilizando un código corto? Si bien es probable que haya un plugin para esto, hemos creado un fragmento de código rápido que se puede utilizar para mostrar la captura de pantalla de cualquier sitio web utilizando shortcode en WordPress.
Instrucciones:
Todo lo que tienes que hacer es añadir este código al archivo functions.php de tu tema o en un plugin específico del sitio:
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 es el ejemplo del shortcode. Puede reemplazar la URL de la imagen con su imagen y también ajustar la anchura y la altura según sus necesidades.
[screenshot url="http://isitwp.com/image.jpg" alt="WordPress code snippets for your blog" width="200" height="200"]
Nota: Si es la primera vez que añade fragmentos de código en WordPress, consulte nuestra guía sobre cómo añadir correctamente fragmentos de código en WordPress, para no romper accidentalmente su sitio.
Si te ha gustado este fragmento de código, por favor, considere revisar nuestros otros artículos en el sitio como: 9 mejores plugins de eventos para WordPress y cómo añadir un portafolio a tu sitio 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.