¿Has visto alguna vez sitios que muestran una vista previa en vivo de los enlaces cuando pasas el ratón por encima de ellos? Eso es usando una ventana emergente de jQuery que muestra una captura de pantalla de una página enlazada cuando los usuarios pasan el ratón por encima del enlace. En este artículo le mostraremos cómo mostrar una vista previa en vivo de los enlaces en WordPress.
Video Tutorial
Suscribirse a AprenderWP
Si no te gusta el video o necesitas más instrucciones, entonces continúa leyendo.
Lo primero que tiene que hacer es instalar y activar el plugin WP Live Preview Links. Al activarlo, aparecerá un nuevo elemento de menú llamado Live Preview Links en la barra de administración de WordPress. Al hacer clic en él, accederá a la página de configuración del plugin.
Usando este plugin, usted puede tener vistas previas en vivo de enlaces externos, internos, todos o selectivos. Dependiendo de lo que esté intentando conseguir, muchos sitios utilizan vistas previas en directo de sitios externos. Algunos sitios de comercio electrónico utilizan vistas previas en vivo para mostrar un vistazo a las páginas de los productos. Tenga en cuenta que demasiadas previsualizaciones en directo pueden ser muy molestas y molestas para sus usuarios.
La elección le permitirá mostrar manualmente vistas previas en vivo de los enlaces a medida que los añada. Simplemente agregue la clase a sus enlaces de esta manera:
Ejemplo de enlace
Entre otras opciones, puede elegir el tamaño de la ventana emergente de vista previa en vivo, la posición y la vista previa del sitio del enlace. La configuración predeterminada funcionaría para la mayoría de los sitios. Simplemente haga clic en el botón de guardar cambios para guardar su configuración.
Ahora puede visitar su sitio web para ver la vista previa en vivo de los enlaces en acción.
Esperamos que este artículo le haya ayudado a aprender a mostrar una vista previa en vivo de los enlaces en WordPress. También puedes echar un vistazo a nuestra guía sobre cómo arreglar enlaces rotos en WordPress con el corrector de enlaces rotos.
Si te ha gustado este artículo, suscríbete a nuestros tutoriales de vídeo de YouTube Channel for WordPress. También puede encontrarnos en Twitter y Google+.
Deja una respuesta