Cum să afișați o previzualizare live a legăturilor în WordPress

Ați văzut vreodată site-uri care prezintă o previzualizare live a legăturilor atunci când aduceți mouse-ul peste ele? Aceasta este prin utilizarea unui popup jQuery care afișează o captură de ecran a unei pagini legate când utilizatorii își aduc mouse-ul peste link. În acest articol vă vom arăta cum să afișați previzualizarea în timp real a linkurilor din WordPress.

Tutorial video

Dacă nu vă place videoclipul sau aveți nevoie de mai multe instrucțiuni, continuați să citiți.

Primul lucru pe care trebuie să-l faceți este să instalați și să activați pluginul WP Live Preview Links. La activare, în bara de administrare WordPress va apărea un nou element din meniu, denumit Live Preview Links. Dacă faceți clic pe acesta, veți ajunge la pagina cu setările pluginului.

Folosind acest plugin, puteți avea previzualizări live pentru linkuri externe, interne, toate sau selective. În funcție de ceea ce încercați să realizați, multe site-uri utilizează previzualizări live pentru site-uri externe. Unele site-uri eCommerce utilizează previzualizări live pentru a afișa o privire în paginile de produs. Rețineți că prea multe previzualizări vii pot fi foarte distragătoare și deranjante pentru utilizatorii dvs..

alegere class = "wp-live-preview" vă va permite să afișați manual previzualizări live pentru linkuri pe măsură ce le adăugați. Pur și simplu adăugați clasa la link-urile dvs., cum ar fi:

Exemplu de legătură

Printre alte setări, puteți alege dimensiunea ferestrei populare de previzualizare live, a poziției și a ferestrei de vizualizare a site-ului pentru previzualizarea link-ului. Setările implicite ar funcționa pentru majoritatea site-urilor. Pur și simplu faceți clic pe butonul Salvați modificările pentru a stoca setările.

Acum puteți vizita site-ul dvs. Web pentru a vedea previzualizarea live pentru linkuri în acțiune.

Sperăm că acest articol v-a ajutat să învățați cum să afișați previzualizarea în timp real a linkurilor din WordPress. Ați putea dori, de asemenea, să aruncați o privire la ghidul nostru despre cum să remediați link-uri nefuncționale în WordPress cu checker link-ul nereușit.

Dacă v-ați plăcut acest articol, vă rugăm să vă abonați la tutorialele video YouTube pentru canalul YouTube pentru WordPress. Ne puteți găsi pe Twitter și pe Google+.