Cómo hacer automáticamente las capturas de pantalla del navegador y mostrarlas en WordPress

Las imágenes y las capturas de pantalla son un elemento clave en cualquier blog de WordPress. En particular, las capturas de pantalla le permiten resaltar los aspectos clave de otras páginas. Sin embargo, puede ser un problema hacer las capturas de pantalla perfectas del navegador y agregarlas a sus publicaciones. Aunque puede hacer el trabajo de acuerdo con su sistema operativo (así), hacer capturas de pantalla de manera consistente es un desafío. Ingrese las capturas de pantalla del navegador del complemento. Esto le permite capturar cualquier sitio web sin dejar el editor de WordPress. Si tus oídos te han picado, probablemente quieras continuar leyendo.
¡Comprobemos cómo funciona! Suscríbase a nuestro canal de YouTube Introducción al complemento para capturas de pantalla del navegador

Las capturas de pantalla del navegador son, sin duda, un complemento de nicho que merece un lugar en su sitio web. Le permite hacer capturas de pantalla dinámicas de su navegador en cualquier página sin dejar el editor de WordPress. Esto se aplica tanto a los editores clásicos como a los editores de bloque, dependiendo de su opción preferida. Esto contrasta con las soluciones nativas para los sistemas operativos, que requieren la apertura de nuevas ventanas del navegador y optimizar las imágenes, fuera de la plataforma.
Si usa el editor clásico, las capturas de pantalla del navegador le permiten usar un corto código personalizado para generar las fotos deseadas. Puede agregar más capturas de pantalla a cualquier página o publicación, así como al editor de bloques. Debido a que el complemento genera capturas de pantalla dinámicas, es perfecto para situaciones en las que no desea usar fotos obsoletas para. La pantalla en tiempo real. Esta es una propuesta tentadora para ciertos tipos de contenido. Independientemente del enfoque que utilice, el complemento también le permite personalizar la resolución de las capturas de pantalla del navegador. También puede agregar texto y texto alternativos a sus imágenes, así como clases CSS personalizadas. Sin embargo, es importante comprender que este complemento solo hace capturas de pantalla en la parte superior del navegador. Esto significa que no se mostrarán las áreas donde necesita ejecutar. Qué tan grande es esta área dependerá de los parámetros que configure para cada captura de pantalla del navegador y descubrirá cómo hacerlo más adelante.
Características clave:
Use códigos cortos o bloques para tomar fotos personalizadas de cualquier sitio web en la ventana de su navegador.
Agregue capturas de pantalla de su navegador a su contenido sin tener que llevarlas o cargarlas manualmente.
Personalice la resolución de las capturas de pantalla del navegador.
Agregue clases CSS CSS personalizadas a las imágenes generadas por el complemento.
Agregue enlaces alternativos y texto a sus imágenes.
Precio: gratis | Más información sobre cómo usar la pantalla para la pantalla del navegador (2 enfoques) Hasta ahora, ya sabe cómo funciona el complemento del navegador de captura de pantalla, así que hablemos sobre cómo usarlo. Los códigos cortos son una parte fundamental del complemento, así que veamos esto primero. Use códigos cortos para generar capturas de pantalla a partir de las capturas de pantalla del navegador de complemento dinámico del navegador le permite usar el siguiente código corto personalizado para generar capturas dinámicas del navegador: com & amp; amp; amp; quot; ancho = & amp; amp; amp; quot; 600 & amp; amp; amp; quot; Altura = & amp; amp; amp; quot; 400 & amp; amp; quot;] El código corto incluye dos parámetros básicos: ancho y altura. Ambos parámetros usan valores de píxeles, y la resolución predeterminada utilizada por el complemento para tomar fotos es de 600 x 400. Por supuesto, también querrá agregar la URL específica que desea capturar en brevecode.
Ya sea que use el editor de bloques o el editor clásico, el código corto reproducirá una captura de pantalla similar a la siguiente:
Sin embargo, las capturas de pantalla del navegador también le permiten establecer parámetros más personalizados. Además del ancho y la altura, incluyen lo siguiente:
Alt: este parámetro le permite establecer un texto alternativo para la captura de pantalla.

Enlace: puede elegir lo que la conexión visualiza la imagen utilizando este parámetro (que puede diferir de donde proviene la foto).

Objetivo: este parámetro le permite controlar si los enlaces de imagen se abren en una nueva ventana o no.
Por ejemplo, así es como se vería un código corto completo, que incluye todos los parámetros: [navegador-shot url = & amp; amp; quot; http: //www.google.com& amp; amp; quot; ancho = & amp; amp; amp; quot; 700 & amp; amp; amp; quot; altura = & amp; amp; amp; quot; 500 & amp; amp; amp; quot; Alt = & amp; amp; amp; quot; la página de inicio de Google & amp; amp; amp; quot; link = & amp; amp; amp; quot; http: //www.otherwebsite.com& amp; amp; quot;] También puede usar códigos cortos para agregar subtítulos manuales: [navegador-shot url = & amp; amp; amp; quot; http: //www.google.com& amp; amp; quot; ancho = & amp; amp; amp; quot; 700 & amp; amp; amp; quot; altura = & amp; amp; amp; quot; 500 & amp; amp; amp; quot; Alt = & amp; amp; amp; quot; la página de inicio de Google & amp; amp; amp; quot; link = & amp; amp; amp; quot; http: //www.otherwebsite.com& amp; quot;] aquí el subtítulo [/navegador-shot] En la mayoría de los casos, los dos parámetros más importantes que usará son los anchura y altura. Usando los mismos valores para todas las capturas de pantalla que realiza muchas veces, no obtendrá los mejores resultados, por lo que querrá adaptar sus parámetros para que se ajusten al contenido.
2. Use bloques para agregar capturas de pantalla a su sitio web si usa el editor de bloques, el complemento de capturas de pantalla del navegador le dará acceso a un nuevo bloque llamado SHOTS del navegador:
Si selecciona el bloqueo, se le pedirá al complemento que le pregunte qué sitio web desea usar para generar una captura de pantalla. En este ejemplo, usamos la página de la página de Amazon de EE. UU.:
Después de hacer clic en Buscar la imagen, el complemento “hará una captura de pantalla” y la mostrará en el editor de bloques: una cosa para recordar es que el complemento no puede acceder a las páginas privadas o conectarse a ellas para las capturas de pantalla del navegador, deberá Haz las cosas sucias tú mismo.
Además, a la derecha de esa captura de pantalla puede ver la pestaña Bloqueo de detalles. Esto le permite modificar todos los parámetros que discutí anteriormente sin tener que agregar códigos cortos personalizados. Cambiar el ancho y la altura de las capturas de pantalla de su navegador es mucho más simple usando el editor de bloques. Esto se debe al hecho de que el editor le permite verificar una vista previa presionando el botón de actualización por debajo de los parámetros de altura y ancho:

Si compara ambos ejemplos, puede ver cómo cambiar la resolución cambia el área que el complemento captura para usted. También puede agregar enlaces personalizados a las capturas de pantalla, puede configurar si se abren en una nueva pestaña y puede establecer Clases CSS CSS personalizadas aquí.