¿Estás buscando una forma de mostrar una captura de pantalla de cualquier sitio web usando un shortcode? Si bien probablemente haya un plugin para esto, hemos creado un fragmento de código rápido que puedes usar para mostrar capturas de pantalla de cualquier sitio web usando un shortcode en WordPress.
Instrucciones:
Todo lo que tienes que hacer es agregar este código al archivo functions.php de tu tema o a 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. Puedes reemplazar la URL de la imagen con tu imagen y también ajustar el ancho y la altura según lo necesites.
[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 agregas fragmentos de código en WordPress, consulta nuestra guía sobre cómo agregar fragmentos de código correctamente en WordPress, para que no rompas accidentalmente tu sitio.
Si te gustó este fragmento de código, considera echar un vistazo a nuestros otros artículos en el sitio como: Los 9 mejores plugins de eventos para WordPress y Cómo agregar un portafolio a tu sitio de WordPress.
¿Alguna ayuda sobre cómo usar esto con un campo meta personalizado que se pueda ingresar desde el front-end?
Gracias.
Me gusta mucho este fragmento y lo acabo de poner en uso en mi página de portafolio. Después de la primera actualización de la página, las imágenes parecen cargarse bien incluso en mi otra computadora. Así que supongo que solo tienen que pasar por esa mshots una vez realmente. Bastante genial.
La principal desventaja es no utilizar la imagen destacada.
Hola Jamie, podrías hacer esto con la imagen destacada, pero requeriría que crearas capturas de pantalla de cada sitio. De esta manera, solo necesitas agregar la URL de cualquier sitio para obtener una captura de pantalla.
Esto puede ser cierto, pero si previsualizas tu publicación de antemano, no debería ser un gran problema.