¿Alguna vez ha visto sitios que muestran una vista previa en vivo de los enlaces cuando pasa el mouse sobre ellos? Eso es mediante el uso de una ventana emergente de jQuery que muestra una captura de pantalla de una página vinculada cuando los usuarios colocan el mouse sobre el enlace. En este artículo, le mostraremos cómo mostrar una vista previa en vivo de los enlaces en WordPress.
Videotutorial
Si no le gusta el video o necesita más instrucciones, continúe leyendo.
Lo primero que debe hacer es instalar y activar el Enlaces de vista previa de WP Live enchufar. Tras la activación, aparecerá un nuevo elemento de menú llamado Vínculos de vista previa en vivo en la barra de administración de WordPress. Al hacer clic en él, accederá a la página de configuración del complemento.
Con este complemento, puede tener vistas previas en vivo para enlaces externos, internos, todos o selectivos. Dependiendo de lo que intente lograr, muchos sitios usan vistas previas en vivo para sitios externos. Algunos sitios de comercio electrónico usan vistas previas en vivo para mostrar un vistazo a las páginas de productos. Tenga en cuenta que demasiadas vistas previas en vivo pueden distraer y molestar a sus usuarios.
Elegir class="wp-live-preview" le permitirá mostrar manualmente vistas previas en vivo de los enlaces a medida que los agrega. Simplemente agregue la clase a sus enlaces de esta manera:
<a href="http://www.example.com" class="wp-live-preview">Example Link</a>
Entre otras configuraciones, puede elegir el tamaño de la ventana emergente de vista previa en vivo, la posición y la vista del sitio del enlace de la vista previa. 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 le haya ayudado a aprender cómo mostrar una vista previa en vivo de los enlaces en WordPress. También puede echar un vistazo a nuestra guía sobre cómo reparar enlaces rotos en WordPress con el verificador de enlaces rotos.
Si te ha gustado este artículo, suscríbete a nuestro Canal de Youtube para tutoriales en vídeo de WordPress. También puedes encontrarnos en Gorjeo y Google+.