¿Creas capturas de pantalla automatizadas en WordPress? Si agrega con frecuencia capturas de pantalla del sitio en sus publicaciones / páginas de WordPress, la automatización del proceso le ahorrará tiempo dedicado a las capturas de pantalla manualmente.
En este tutorial, le mostraremos cómo crear capturas automáticas del Sitio web WordPress.
Método 1: crea capturas automáticas con un complemento
Este método es más fácil, por lo tanto, se recomienda para principiantes y usuarios que no desean usar código.
Lo primero que debe hacer es instalar y activar el complemento " Disparos navegador ". Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.
El complemento funciona de inmediato y no hay ajustes que configurar.
Simplemente edite una publicación/página o cree una nueva publicación/página. 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 donde puede ingresar la URL del sitio, el texto alternativo, un enlace de la URL de la imagen y el alto / ancho de la captura de pantalla.
Haga clic en el botón "Aceptar" y el complemento agregará un código corto 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 de WordPress y no desea usar este nuevo botón en el editor visual, también puede agregar manualmente este código corto usted mismo.
[browser-shot url = "https://blogpascher.com"]
De forma predeterminada, el complemento creará una captura de pantalla de 600 x 600 píxeles. Puede cambiar esto agregando los atributos de ancho y alto al código corto.
[URL de captura del navegador = »http: // www. blogpascher.com "ancho =" 400 ″ alto = "400 ″]
También tendrá un enlace a la página en cuestión. Puede cambiar eso agregando un atributo de enlace en shortcode y agregue el enlace que desee.
[URL de captura del navegador = »http: // www. blogpascher.com "ancho =" 400 ″ alto = "400 ″ enlace =" http://example.com "]
Si desea agregar un título en la captura de pantalla, puede hacerlo envolviendo el texto alrededor del código corto.
[url de la captura del navegador =”http://www. blogpascher.com »] Creación de sitios web – Blog de WordPress, tienda comercio electrónico [/ captura del navegador]
El complemento Browser Shot usa " mshots »API 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 generan directamente desde los servidores de WordPress.com.
Método 2: Crear captura agregando un código
Este método requiere que agregue código a sus archivos de WordPress. No se recomienda para principiantes. Le mostramos cómo crear un complemento en WordPress, para que pueda usarlo para agregar este código.
function bpc_screenshots ($ atts, $ content = NULL) {extract (shortcode_atts (array ("snap" => 'http://s.wordpress.com/mshots/v1/', "url" => 'https: // blogpascher.com ', "alt" =>' captura de pantalla ', "w" =>' 600 ', // ancho "h" =>' 450 '// alto), $ atts)); $ img = ' '; return $ img; } add_shortcode ("pantalla", "bpc_screenshots");
Similar al complemento mencionado anteriormente, este código también usa la API " mshots Desde WordPress.com para generar capturas de pantalla sobre la marcha.
Para ver una captura de pantalla de un Sitio web capture en sus publicaciones y páginas de WordPress, deberá ingresar el código corto de la siguiente manera:
[screen url = "https://blogpascher.com" alt = "BlogPasCher"]
Vuelva a colocar los campos de 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 esto agregando sus propios atributos de altura y ancho al código corto.
[screen url = "http: // blogpascher.com" alt = "BlogPasCher" w = "400" h = "400"]
Eso es todo por este tutorial. Espero que puedas tomar capturas de pantalla en tu sitio web. No dude en contactarnos en caso de problemas.
