WordPress

diciembre 6, 2017

Cómo crear capturas de pantalla de webs en WordPress

Compartir:
www.seox.es | seox@seox.es | 656545123 | SEO y Posicionamiento en Bilbao: #seox #seobilbao #posicionamientobilbao #paginaswebbilbao

¿Por qué crees que ves mi página y no la de la competencia?

Porque sabemos posicionar y conseguimos visibilidad en Internet

Posicionamiento SEO

Hosting Servidores SSD

Diseño de páginas web

Envíame un email con tu consulta o mejor hablamos por teléfono:

Josean | seox@seox.es  |  656 545 123  🙂

 

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.

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.

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

SIGUE LEYENDO…
Ir a la fuente / Author: Jorge López

www.seox.es | seox@seox.es | 656545123 | SEO RSS SEOX: SEO Vizcaya SEO empresas SEO Google SEO páginas web SEO pyme SEO buscadores SEO Bing SEO Opera SEO chrome SEO firefox SEO España SEO negocios SEO Internet seo bilbao curso seo bilbao consultor seo bilbao posicionamiento seo bilbao empresas seo bilbao congreso seo bilbao seo bilbao seo en bilbao posicionamiento seo en bilbao museo bilbao museo bilbao guggenheim congreso seo bilbao posicionamiento web bilbao diseño web bilbao posicionamiento web en bilbao curso seo posicionamiento web posicionamiento en google posicionamiento seo diseño grafico bilbao agencia seo seo web google seo seo barcelona herramientas seo agencia seo barcelona agencia seo madrid consultor seo marketing online bilbao agencia seo bilbao analisis seo posicionamiento web malaga posicionamiento web marbella seo marbella diseño grafico marbella páginas web marbella seo y sem seo sem paginas web bilbao agencias anuncios asociación de agencias de publicidad ayudas y subvenciones bilbao blog branding community manager concursos creatividad creativos diseño eventos festivales google green marketing internet marca marketing mujeres networking packaging pinterest promociones publicidad recursos rrss rrss seoo storytelling street marketing tipografia tutoriales twitter venta on-line viral web whatsapp www.seox.es | seox@seox.es | 656545123 | SEO RSS SEOX: so Vizcaya sio empresas saeo Google sweo páginas web sewo pime seo` buscadores seopp Bing seop Opera seio chrome sero firefox sdeo España aseo negocios aseo Internet seop bilbao curso sseo bilbao consultior seo bilbao posicionamiento seeo bilbao empresaas seo bilbao congreeso seo bilbao seo biilbao seo en biilbao museoo bilbao museo bilbao gugenheim congreso seo biilbao posicionamiento web bilbaao diseno web bilbao curso seoo posicionamiento webb posicionamiento en gogle posicionamientoo seo diseño graficoo bilbao agenciaa seo seo webb gogle seo seoo barcelona herramientas seoo agencia seo barcelonaa agencia seo madridd consultor seoo marketin online bilbao agencia seoo bilbao analisis seoo web malaga posicionamiento web marbela seo marbellaa diseñoo grafico marbella páginas webb marbella seoo y sem seoo sem seo semm seo y semm pagina weeb bilbao agencia de publicidad suvenciones bilbao vlog brandin comunity manager comunitymanager communitymanager creatiividad creativoo diseñoo evento gogle green marketin marca marketin mujeres networkin packagin pinterestt pintarestt pintarest promocioness publicidadd seoo storytellingg marketingg twitterr twiter vventa on-line viral webb whatsappp watsap watsapp Páginas Amigas: www.juanantonionarvaez.com | Formación Linkedin | Neuroselling | marketing