Link Preview Plugin pokazuje podgląd strony, do której prowadzi link, gdy użytkownik umieści kursor nad linkiem, a link ma klasę grabzit-preview
, To saves czas użytkownika przy podejmowaniu decyzji, które łącza są tym, którego chcą.
Aby rozpocząć, umieść wiersz poniżej u dołu strony tuż nad zamykającym tagiem treści. Następnie zamień „KLUCZ APLIKACJI” na rzeczywisty klucz aplikacji. Następnie, aby dodać możliwość podglądu do linku, po prostu dodaj grabzit-preview
klasa do linku. Zostanie to automatycznie odczytane i wygenerowany podgląd.
new GrabzItPreview("Sign in to view your Application Key");
Nie musisz ustawiać żadnych innych opcji konfiguracji, ale możesz określić wszystkie parametry ogólne, obrazkowe i animowane GIF w obiekcie opcji. Na przykład w poniższym przykładzie ustawiliśmy szerokość i wysokość na 200 x 200.
new GrabzItPreview("Sign in to view your Application Key", {"width": 200, "height": 200});
Jeśli chcesz podać adres URL inny niż ten znaleziony w atrybucie href. Możesz określić jedną za pomocą grabzit-href
atrybut na przykład.
<a href="http://example.com" grabzit-href="https://www.tesla.com" class="grabzit-preview">My Example</a>
Zmodyfikuj JavaScript lub CSS, jak chcesz! Zapewniamy jednak specjalne klasy CSS, których możesz użyć do stylizowania okna podglądu, są to: grabzit-preview-container
, grabzit-preview-caption
, grabzit-preview-loader
i grabzit-preview-screenshot
.
GrabzIt Preview jest w pełni kompatybilny z blogiem lub CMS, takim jak WordPress, Drupal i Joomla. Po prostu otwórz blog-or-cms-install.txt znalezione w pobraniu wtyczki, obejmuje wszystkie wymagane JavaScript i CSS w jednym bloku. Można to następnie wstawić into widget, który akceptuje surowy HTML, takie widżety są obecne w większości blogów lub systemów zarządzania treścią. Pamiętaj, aby znaleźć go na dole strony po treści.