Så här visar du Live Preview of Links i WordPress

Har du någonsin sett webbplatser som visar en levande förhandsgranskning av länkar när du tar med musen över dem? Det är genom att använda en jQuery popup som visar en skärmdump av en länkad sida när användarna tar med musen över länken. I den här artikeln kommer vi att visa dig hur du kan visa liveförhandsgranskning av länkar i WordPress.

Video Tutorial

Om du inte gillar videon eller behöver mer instruktioner, fortsätt läsa.

Det första du behöver göra är att installera och aktivera WP Live Preview Links-plugin. Vid aktivering visas ett nytt menyobjekt som heter Live Preview Links i din WordPress-administratörsfält. Genom att klicka på den kommer du till pluginens inställningssida.

Med hjälp av det här plugin kan du ha live previews för externa, interna, alla eller selektiva länkar. Beroende på vad du försöker uppnå använder många webbplatser live förhandsgranskningar för externa webbplatser. Vissa e-handelswebbplatser använder live previews för att visa en titt på produktsidor. Tänk på att för många live-förhandsgranskningar kan vara mycket distraherande och irriterande för dina användare.

välja class = "wp-live-preview" låter dig manuellt visa live previews för länkar som du lägger till dem. Lägg bara till klassen i dina länkar så här:

Exempel länk

Bland andra inställningar kan du välja storleken på popup-fönstret, positionen och visningsporten för den förhandsgranskade länken. Standardinställningarna skulle fungera för de flesta webbplatser. Klicka bara på knappen Spara ändringar för att spara dina inställningar.

Du kan nu besöka din webbplats för att se livehandsvisning för länkar i åtgärd.

Vi hoppas att den här artikeln hjälper dig att lära dig hur du visar liveförhandsgranskning av länkar i WordPress. Du kanske också vill ta en titt på vår guide om hur du fixar trasiga länkar i WordPress med bruten länkkontroll.

Om du gillade den här artikeln kan du prenumerera på vår YouTube-kanal för WordPress-videoinstruktioner. Du kan också hitta oss på Twitter och Google+.