Egyre több blogon találkoztam egy olyan megmagyarázhatatlan jelenséggel, hogy ha egy link fölé viszem az egerem akkor egy kis ablakban megjelenik a linkelt oldal képe.

Ezért felbuzdultam és elkezdtem kutakodni a neten, hogy hogyan lehetne ezt megcsinálni az én kicsi birodalmamban 🙂

Kettő képszolgáltatót találtam a neten, amihez létezik WP plugin is.
http://www.snap.com/
http://www.websnapr.com/

A WebSnapr telepítése egyszerűbb, de szerintem a Snap gyorsabb 🙂

Snap
Első lépésben le kell töltenünk a Snap Preview Anywhere plugint.Snap
A plugint a szokásos módon felmásoljuk a blogunk plugins könyvtárába.
Ezután engedélyeznünk kell az adminisztrációs felületünkön a telepített plugint.
Ha mindent jól csináltunk akkor a beállítások között meg fog jelenni egy SPA nevü menüelem. Itt kell beállítanunk a szolgáltatást. Meg kell adnunk az SPA kulcsunkat. A kulcsot a következőképpen lehet beszerezni:
Látogassunk el a http://www.snap.com/about/spa1A.php címre, majd nyomjunk a Get it FREE now gombra.
A megjelenő űrlapon megadjuk a blogunk URL-jét, a képen látható karakterhalmazt, az email címünket és természetesen elfogadjuk a felhasználási feltételeket, majd elküldjük az űrlapot.
A következő oldalon látunk egy szövegmezőt, amiben egy JavaScript kód található.
Ennek az utolsó sorában (src= -vel kezdődik) keressünk meg key= részt és másoljuk ki a mögötte található 32 karakteres kulcsot (az & jel már nem kell).
Menjünk vissza a blogunk admin felületére. Keressük meg a Beállítások -> SPA részt. A szövegmezőbe illesszük be az imént kimásolt kulcsunkat.
Itt még van lehetőségünk pár apró beállítás elvégzésére (Sorrendben):
– Snap Képkereső megjelenítése az előnézet alatt
– Minden linken legyen előnézet (ha nem pipáljuk be akkor a HTML szerkesztőben a linknek meg kell adni a snap_preview classt)
– A belső hivatkozásokon is legyen előnézet (csak akkor működik ha az előző négyzetet is bepipáltuk)
– JS beszúrása a láblécbe (Ezt mindenképpen jelöljük be)

WebSnapr
Töltsük le az XSD Snapr plugint, majd a másoljuk fel a blogunk plugins könyvtárába.
Lépjünk be a blogunk admin felületébe majd engedélyezzük a telepített plugint.
A plugin aktiválása utána beállítások között meg fog jelenni egy új Snapr feliratú menüpont. Itt tudjuk beállítani, hogy minden linkek aktív legyen e ez a funkció vagy csak azokon melyek rendelkeznek a previewlink class-szal.

Sok sikert, kellemes blogolást!