Come mostrare l'anteprima dal vivo dei collegamenti in WordPress

Hai mai visto siti che mostrano un'anteprima in tempo reale dei link quando porti il ​​mouse su di loro? È usando un jQuery popup che mostra uno screenshot di una pagina collegata quando gli utenti portano il mouse sul link. In questo articolo ti mostreremo come mostrare l'anteprima dal vivo dei link in WordPress.

Video Tutorial

Se il video non ti piace o hai bisogno di ulteriori istruzioni, continua a leggere.

La prima cosa che devi fare è installare e attivare il plugin WP Live Preview Links. All'attivazione, nella barra di amministrazione di WordPress verrà visualizzata una nuova voce di menu denominata Collegamenti di anteprima dal vivo. Cliccando su di esso ti porterà alla pagina delle impostazioni del plugin.

Usando questo plugin, puoi avere anteprime live per collegamenti esterni, interni, tutti o selettivi. A seconda di cosa stai cercando di ottenere, molti siti utilizzano anteprime live per siti esterni. Alcuni siti di e-commerce utilizzano anteprime in diretta per mostrare una panoramica delle pagine dei prodotti. Tieni presente che troppe anteprime dal vivo possono essere molto fastidiose e fastidiose per i tuoi utenti.

scelta class = "wp-live-preview" ti consentirà di visualizzare manualmente le anteprime in tempo reale per i link quando li aggiungi. Aggiungi semplicemente la classe ai tuoi link in questo modo:

Link di esempio

Tra le altre impostazioni, puoi scegliere la dimensione della finestra popup di anteprima dal vivo, la posizione e la vista del sito del link in anteprima. Le impostazioni predefinite funzionerebbero per la maggior parte dei siti. Basta fare clic sul pulsante Salva modifiche per memorizzare le impostazioni.

Ora puoi visitare il tuo sito web per vedere l'anteprima dal vivo per i link in azione.

Speriamo che questo articolo ti abbia aiutato a imparare come mostrare l'anteprima dal vivo dei link in WordPress. Si consiglia inoltre di dare un'occhiata alla nostra guida su come risolvere i collegamenti interrotti in WordPress con correttore link rotto.

Se questo articolo ti è piaciuto, ti preghiamo di iscriverti al nostro canale YouTube per le esercitazioni video di WordPress. Puoi trovarci anche su Twitter e Google+.