Las imágenes y capturas de pantalla son una parte clave de cualquier blog de WordPress. En particular, las capturas de pantalla le permiten resaltar aspectos clave de otras páginas. Sin embargo, puede ser confuso tomar capturas de pantalla perfectas del navegador y agregarlas a sus publicaciones. Si bien puede hacer el trabajo según su sistema operativo (SO), tomar capturas de pantalla de manera consistente es un desafío.
Adelante capturas de pantalla del navegador enchufar. Esto le permite tomar una captura de pantalla de cualquier sitio web sin siquiera salir del editor de WordPress. Si ha levantado las orejas, probablemente querrá seguir leyendo.
¡Vamos a ver cómo funciona!
Suscríbete a nuestro canal de Youtube
Introducción al complemento de captura de pantalla del navegador
capturas de pantalla del navegador es probablemente un complemento de nicho que merece un lugar en su sitio. Le permite tomar capturas de pantalla dinámicas del navegador de cualquier página sin que salir del editor de WordPress. Esto se aplica tanto a los editores clásicos como a los de bloques, según su opción preferida. Esto contrasta con las soluciones nativas del sistema operativo que requieren que abra nuevas ventanas del navegador y optimice aún más sus imágenes fuera de la plataforma.
Si está utilizando el editor clásico, las capturas de pantalla del navegador le permiten usar un código abreviado personalizado para generar las instantáneas deseadas. Puede agregar varias capturas de pantalla en cualquier página o publicación, lo mismo ocurre con el Editor de bloques.
Dado que el complemento genera dinámicamente capturas de pantalla, es perfecto para situaciones en las que no desea utilizar capturas obsoletas para su contenido. Si tiene una página o publicación que contiene un acceso directo o un bloqueo de captura de pantalla del navegador, sus visitantes verán la captura de pantalla en tiempo real. Esta es una propuesta tentadora para algunos tipos de contenido.
Independientemente del enfoque que utilice, el complemento también le permite ajustar la resolución de las capturas de pantalla del navegador que toma. También puede agregar texto alternativo y texto a sus imágenes, así como clases de CSS personalizadas.
Sin embargo, es importante comprender que este complemento solo ocupa «Sobre el pliegue» capturas de pantalla del navegador. Esto significa que no se mostrarán las áreas a las que debe desplazarse. El tamaño de esta área dependerá de los parámetros configurados para cada captura de pantalla del navegador, y aprenderá cómo hacerlo más adelante.
Características clave:
- Use accesos directos o bloques para tomar fotos personalizadas de cualquier sitio en la ventana de su navegador.
- Agregue capturas de pantalla del navegador a su contenido sin tener que capturarlas o cargarlas manualmente.
- Ajuste la resolución de las capturas de pantalla del navegador.
- Agregue clases de CSS personalizadas a las imágenes generadas por el complemento.
- Añade enlaces y texto alternativo a tus imágenes.
Precio: Gratis | Más información
Cómo usar el complemento de captura de pantalla del navegador (2 enfoques)
A estas alturas, ya sabe cómo funciona el complemento Captura de pantalla del navegador, así que hablemos sobre cómo usarlo. Los accesos directos son una parte básica del complemento, así que veamos eso primero.
1. Use accesos directos para generar capturas de pantalla dinámicas del navegador
El complemento Capturas de pantalla del navegador le permite usar el siguiente código abreviado personalizado para generar volcados dinámicos del navegador:
[browser-shot url="elegantthemes.com" width="600" height="400"]
El shortcode contiene dos parámetros básicos: ancho y aumentar. Ambos parámetros usan valores de píxeles y la resolución predeterminada que usa el complemento para tomar fotografías es 600×400. Por supuesto, también querrá agregar la URL específica que desea capturar en el código abreviado.
Ya sea que esté utilizando el Editor de bloques o el Editor clásico, el código abreviado generará una captura de pantalla similar a la siguiente:
Sin embargo, las capturas de pantalla del navegador también le permiten establecer algunos parámetros personalizados. Además del ancho y el alto, estos son:
- alternativa: Este parámetro le permite establecer un texto alternativo para la captura de pantalla.
- Combinar: Con este parámetro, puede elegir a qué enlace apunta la imagen (que puede ser diferente de donde proviene la toma).
- Objetivo: Este parámetro le permite controlar si los enlaces de imágenes se abren en una nueva ventana o no.
Como ejemplo, así es como se vería un shortcode completo que contiene todos los parámetros:
[browser-shot url="http://www.google.com" width="700" height="500" alt="Google's homepage" link="http://www.otherwebsite.com"]
También puede usar atajos para agregar subtítulos manualmente:
[browser-shot url="http://www.google.com" width="700" height="500" alt="Google's homepage" link="http://www.otherwebsite.com"]Here's the caption[/browser-shot]
En la mayoría de los casos, los dos parámetros más importantes que utilizará son: ancho y aumentar. Usar los mismos valores para todas las capturas de pantalla del navegador que tome a menudo no brindará los mejores resultados, por lo que es una buena idea ajustar los parámetros al contenido.
2. Use bloques para agregar capturas de pantalla a su sitio web
Si está utilizando el Editor de bloques, el complemento Capturas de pantalla del navegador le dará acceso a un nuevo bloque llamado fotos del navegador:
Al seleccionar Bloquear, el complemento le preguntará desde qué sitio desea generar la captura de pantalla. En este ejemplo, estamos usando la página de inicio de Amazon EE. UU.:
Después de hacer clic Encuentra una fotoel complemento tomará una captura de pantalla y la mostrará en el Editor de bloques:
Una cosa a tener en cuenta es que el complemento no puede acceder o iniciar sesión en páginas privadas por usted. Con este tipo de capturas de pantalla del navegador, tendrás que hacer el trabajo sucio tú mismo.
Más adelante, en el lado derecho de esta captura de pantalla, puede ver Unidad pestaña de detalles. Esto le permite modificar todos los parámetros que discutimos anteriormente sin tener que agregar códigos abreviados personalizados.
Modificar el ancho y el alto de las capturas de pantalla del navegador es mucho más fácil con el Editor de bloques. Esto se debe a que el editor le permite verificar la vista previa presionando Actualizar la imagen botón debajo de los parámetros de alto y ancho:
Si compara ambos ejemplos, puede ver cómo cambiar la resolución modifica el área que cambia la captura de pantalla del complemento. Además, también puede agregar enlaces personalizados a las capturas de pantalla, configurar si se abren en una nueva pestaña o no, y establecer clases de CSS personalizadas aquí.
Solicitud
Si incluye regularmente capturas de pantalla del navegador en el contenido de su blog, capturas de pantalla del navegador El complemento puede ahorrarle mucho tiempo. Es un complemento bastante especializado, pero si se encuentra entre la multitud que mencionamos, hará que la edición posterior sea mucho más fácil.
Al usar capturas de pantalla del navegador, puede agregar capturas de pantalla del navegador usando un atajo simple o un editor de bloques. Para códigos cortos, el complemento incluye varios parámetros que le permiten personalizar las capturas de pantalla, como ancho altoe incluso alternativa (para texto alternativo).
¿Tiene preguntas sobre el uso de las capturas de pantalla del navegador? ¡Hablemos de ellos en la sección de comentarios a continuación!
Imagen de la miniatura del artículo por VectorMine / shutterstock.com
