Cómo mostrar la vista previa en vivo de los enlaces en WordPress

¿Alguna vez ha visto sitios que muestran una vista previa en vivo de los enlaces cuando coloca el mouse sobre ellos? Esto es mediante el uso de una ventana emergente jQuery que muestra una captura de pantalla de una página vinculada cuando los usuarios colocan su mouse sobre el enlace. En este artículo, le mostraremos cómo mostrar una vista previa en vivo de los enlaces en WordPress.

Video Tutorial

Si no te gusta el video o necesitas más instrucciones, continúa leyendo.

Lo primero que debe hacer es instalar y activar el complemento WP Live Preview Links. Al activarse, aparecerá un nuevo elemento del menú con la etiqueta Live Preview Links en la barra de administración de WordPress. Haciendo clic en él te llevará a la página de configuración del complemento..

Al usar este complemento, puede tener vistas previas en vivo para enlaces externos, internos, todos o selectivos. Dependiendo de lo que intenta lograr, muchos sitios utilizan vistas previas en vivo para sitios externos. Algunos sitios de comercio electrónico utilizan vistas previas en vivo para mostrar un vistazo a las páginas de productos. Tenga en cuenta que demasiadas vistas previas en vivo pueden ser muy molestas y molestas para sus usuarios.

Eligiendo class = "wp-live-preview" le permitirá mostrar manualmente vistas previas en vivo de los enlaces a medida que los agregue. Simplemente agrega la clase a tus enlaces de esta manera:

Ejemplo de enlace

Entre otras configuraciones, puede elegir el tamaño de la ventana emergente de vista previa en vivo, la posición y la ventana de visualización del sitio vista previa del enlace. La configuración predeterminada funcionaría para la mayoría de los sitios. Simplemente haga clic en el botón Guardar cambios para almacenar 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 te haya ayudado a aprender cómo mostrar una vista previa en vivo de los enlaces en WordPress. También puede consultar nuestra guía sobre cómo reparar los enlaces rotos en WordPress con el verificador de enlaces rotos..

Si le ha gustado este artículo, suscríbase a nuestros tutoriales en video del Canal de YouTube para WordPress. También puedes encontrarnos en Twitter y Google.+.