¿Desea crear capturas de pantalla automatizadas de sitios web en su sitio de WordPress? Si agrega con frecuencia capturas de pantalla del sitio web a sus publicaciones o páginas de WordPress, la automatización del proceso le ahorrará el tiempo dedicado a capturar capturas de pantalla manualmente. En este artículo, le mostraremos cómo crear capturas de pantalla automatizadas de sitios web en WordPress.
Método 1: Cree capturas de pantalla automáticas del sitio web en WordPress usando el complemento
Este método es más fácil, por lo que se recomienda para principiantes y usuarios que no quieren lidiar con el código.
Lo primero que debe hacer es instalar y activar el Tomas del navegador enchufar. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.
El complemento funciona de forma inmediata y no hay configuraciones que deba configurar.
Simplemente edite una publicación/página o cree una nueva. Notará un nuevo botón en el editor visual para agregar capturas de pantalla del sitio web.
Al hacer clic en él, aparecerá una ventana emergente donde puede ingresar la URL del sitio web, el texto alternativo, el enlace a la URL y el alto / ancho de la captura de pantalla.
Haga clic en el botón Aceptar y el complemento agregará un código abreviado a su publicación de WordPress. Ahora puede obtener una vista previa de su publicación para ver el complemento en acción.
Si está utilizando el Editor de texto en WordPress o no desea utilizar el botón en el editor visual, también puede agregar manualmente el código abreviado usted mismo.
[browser-shot url="https://www.wpbeginner.com"]
De forma predeterminada, el complemento creará una captura de pantalla de 600 x 600 píxeles. Puede cambiar eso agregando los atributos de ancho y alto al código abreviado.
[browser-shot url="https://www.wpbeginner.com" width="400" height="400"]
También se vinculará automáticamente al sitio web. Puede cambiar eso agregando un atributo de enlace al código abreviado y agregar cualquier enlace que desee.
[browser-shot url="https://www.wpbeginner.com" width="400" height="400" link="http://example.com"]
Si desea agregar un título debajo de la captura de pantalla, puede hacerlo envolviendo el texto del título alrededor del código abreviado.
[browser-shot url="https://www.wpbeginner.com"]WPBeginner - WordPress Resource Site for Beginners[/browser-shot]
El subtítulo utilizará los estilos de subtítulos de su tema de WordPress. Así es como se veía en nuestro sitio web de demostración:
El complemento Browser Shots utiliza la API mshots de WordPress.com para generar capturas de pantalla sobre la marcha. Estas imágenes no se almacenan en su biblioteca de medios de WordPress. Se sirven directamente desde los servidores de WordPress.com.
Consulte nuestra guía sobre la diferencia entre WordPress.com y WordPress.org.
Método 2: Cree capturas de pantalla automatizadas agregando código a WordPress
Este método requiere que agregue código a sus archivos de WordPress. No se recomienda para principiantes. Si se siente cómodo pegando fragmentos de la web en WordPress, puede usar este método.
Simplemente agregue este código al archivo functions.php de su tema o un complemento específico del sitio.
function wpb_screenshots($atts, $content = NULL) {
extract(shortcode_atts(array(
"snap" => 'http://s.wordpress.com/mshots/v1/',
"url" => 'https://www.wpbeginner.com',
"alt" => 'screenshot',
"w" => '600', // width
"h" => '450' // height
), $atts));
$img = '<img alt="' . $alt . '" src="' . $snap . '' . urlencode($url) . '?w=' . $w . '&h=" . $h . "" />';
return $img;
}
add_shortcode("screen", "wpb_screenshots");
Similar al complemento que mencionamos anteriormente, este código también usa la API mshots de WordPress.com para generar capturas de pantalla sobre la marcha.
Para mostrar una captura de pantalla del sitio web en sus publicaciones y páginas de WordPress, deberá ingresar el código corto como este:
[screen url=”http://wpbeginner.com” alt=”WPBeginner”]
Reemplace los campos URL y Alt con sus propios valores.
De forma predeterminada, este código generará una captura de pantalla de 600 x 450 píxeles. Puede cambiar eso agregando sus propios atributos de alto y ancho al código abreviado.
[screen url=”http://wpbeginner.com” alt=”WPBeginner” w=”400″ h=”400″]
Eso es todo, esperamos que este artículo te haya ayudado a aprender cómo crear capturas de pantalla automatizadas de sitios web en WordPress. También puede consultar nuestra guía sobre cómo automatizar WordPress y las redes sociales con IFTTT.
.