WordPress Directo
  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting
No Result
View All Result
WordPress Directo
  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting
No Result
View All Result
WordPress Directo
No Result
View All Result

Cómo crear capturas de pantalla de webs en WordPress

Jorge López by Jorge López
5 diciembre 2017
in Plugins
Reading Time: 4 mins read
0

Si sueles tratar temas de Internet en tu sitio web o haces tutoriales sobre programación, a menudo tendrás que agregar capturas de pantalla de webs en tus artículos para que así se entiendan mucho mejor. Este proceso puede llevarte algo de tiempo: ir al sitio web en cuestión, capturar la pantalla de la página que te interese, editar la imagen resultante para que esté 100% optimizada, subirla a WordPress…

Aunque te resulte algo como de ciencia ficción, debes saber que existe un plugin para WordPress con el que podremos realizar todo este proceso de manera automática. Por eso, en este artículo te explicaremos cómo crear capturas de pantalla de webs en WordPress mediante un plugin.

Crear capturas de pantalla de webs automatizadas mediante un plugin

Lo primero que tienes que hacer es instalar el plugin Browser Shots. Para ello, ve a la sección Plugins del backoffice de tu WordPress y selecciona la opción de Añadir Nuevo. En la página de Añadir Nuevo Plugin, busca el plugin que queremos instalar haciendo uso del campo de búsqueda que se sitúa en la parte superior derecha de la página.

Artículos relacionados

5 plugins para gestionar múltiples sitios desarrollados con WordPress

22 abril 2020

Recomendaciones para SEO para WordPress

14 diciembre 2022

Cómo personalizar el Command Palette en WordPress con un plugin

11 febrero 2025

Los 10 widgets de WordPress más prácticos

16 noviembre 2015

Teclea el nombre del plugin (que como te hemos indicado es «Browser Shots») y presiona ENTER para iniciar la búsqueda. Si has seguido los pasos al pie de la letra, este plugin te debería aparecer como el primer resultado de la búsqueda. Instálalo y actívalo para poder utilizarlo.

El plugin funciona out of the box, y no necesitas configurar nada de nada.

Ahora, solo tienes que editar un post o una página, o crear una nueva. Verás que hay un nuevo botón en el editor visual de WordPress para añadir capturas de pantalla de webs.

Captura de Pantalla

Haciendo clic en dicho botón verás un nuevo popup en el que tendrás que introducir la dirección web de la página a la que quieres hacer un pantallazo. El plugin te permite ingresar otros datos como un texto alternativo, la URL a la que quieres que se dirija el usuario cuando haga clic en ella y también el ancho y alto de la imagen.

Capturas de Pantalla

Cuando hayas terminado, haz clic en el botón de OK y el plugin añadirá un shortcode al contenido de WordPress que estés editando en ese momento. Si quieres ver el pantallazo dentro del contenido, tendrás que guardarlo y darle al botón de vista previa. O bien, publícalo y visita la parte pública.

Si estás más acostumbrado al editor de texto de WordPress, puedes añadir capturas de pantalla a tus posts y páginas de forma manual añadiendo el shortcode tú mismo.

[browser-shot url=»http://www.wpdirecto.com»]

Por defecto, el plugin creará una captura de pantalla de 600×600 píxeles. Puedes cambiar esto añadiendo los atributos width y height en el propio shortcode.

[browser-shot url=»http://www.wpdirecto.com» width=»400″ height=»400″]

Esto también generará una captura que enlazará automáticamente con la página web a la que estás haciendo el pantallazo. Puedes cambiarlo añadiendo el atributo link al shortcode para definir que enlace a cualquier otra página que desees.

[browser-shot url=»http://www.wpdirecto.com» width=»400″ height=»400″ link=»http://ejemplo.com»]

Si quieres añadir una leyenda debajo de la captura de pantalla, puedes hacerlo metiendo el texto dentro del propio shortcode.

[browser-shot url=»http://www.wpdirecto.com»]WordPress Directo. Noticias, plantillas y plugins para Wordpress[/browser-shot]

Por supuesto, está leyenda se mostrará con el estilo prefeterminado que tengas asignado a las plantillas de tu theme. Así es cómo se vería un pantallazo de nuestro sitio web.

 

El plugin Browser Shots utiliza la API mshots de WordPress.com para generar las capturas de pantalla. Ojo, estas imágenes no se almacenarán en la librería de medios de WordPress sino que se mostrarán directamente desde los servidores de WordPress.com

Y hasta aquí nuestro artículo sobre cómo crear capturas de pantalla de webs en WordPress. Espero que te haya gustado y, si te ha resultado útil, no dudes en compartirlo en redes sociales.

Icono: Royyan Wijaya

Guardar

Guardar

Tags: capturascapturas de pantallacapturas de pantalla en WordPressimprimir pantallapantallazo
ShareTweetSendSharePin
Jorge López

Jorge López

Soy programador web y me gusta mucho el diseño gráfico, la fotografía y todo lo relacionado con las nuevas tecnologías. En mis ratos libres me encanta dibujar y escuchar música. ¡No podría vivir sin ella! Aparte soy un friki de las series...las devoro

Te puede interesar...

Plugins

Introducción a WPDirectory y cómo buscar eficientemente en directorio de plugins y temas

6 julio 2025

WPDirectory se ha consolidado como una herramienta esencial para desarrolladores, diseñadores y administradores de...

Plugins

El método CiteMET: cómo influir en ChatGPT y Perplexity para ganar tráfico y citaciones

3 julio 2025

Un innovador enfoque de optimización para motores de inteligencia artificial está transformando el marketing...

Plugins

David Carrero lanza su primer plugin WordPress: «Read More Universal», compatible con más de 20 temas populares

24 junio 2025

Ligero, sin configuración y multilingüe, el nuevo plugin se adapta automáticamente a Twenty Twenty-Five,...

Noticias

Elementor celebra su noveno aniversario con descuentos de hasta el 75 % en toda su plataforma

22 junio 2025

La popular herramienta de creación web para WordPress lanza una campaña especial con importantes...

No Result
View All Result
Plugin Imagify, optimizar imágenes
wordpress hosting NVME
Elegant Themes WordPress
elementor editor plugin




Últimos artículos

Cómo añadir tu propio código CSS en WordPress

14 diciembre 2017

WordPress 6.7.2: La última actualización que mejora rendimiento, accesibilidad y diseño

13 febrero 2025

9 plugins tipográficos para tu diseño de WordPress

26 junio 2019

Base de conocimiento, wiki y faq en un tema adaptable

9 enero 2013

10 trucos que puedes realizar con el fichero wp-config.php

4 febrero 2018
WordPress Directo

WPDirecto.com es una revista especializada en WordPress y WooCommerce que ofrece una amplia gama de recursos, incluyendo tutoriales, análisis de plugins y plantillas, consejos de optimización y estrategias de SEO, para ayudar a los usuarios a mejorar y personalizar sus sitios web, manteniéndolos informados sobre las últimas novedades y tendencias en el mundo de WordPress.

Menu

  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting

Información

WPDirecto es un medio de Medios y Redes:
  • Artículos patrocinados
  • Servicio de diseño web
  • Contacto
  • Acerca de MyR
  • Política de privacidad y cookies
  • Aviso Legal

© 1995-2025 Color Vivo Internet, SLU (Medios y Redes Online).. Otros contenidos se cita fuente. Infraestructura cloud servidores dedicados de Stackscale.

No Result
View All Result
  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting

© 1995-2025 Color Vivo Internet, SLU (Medios y Redes Online).. Otros contenidos se cita fuente. Infraestructura cloud servidores dedicados de Stackscale.