Bağlantı Önizleme Eklentisi, kullanıcı bağlantıyı dolaştığında ve bağlantı sınıfa sahip olduğunda, bağlantının bağlandığı web sayfasının önizlemesini gösterir. grabzit-preview
. Bu saveİstedikleri bağlantıya hangi bağlantıların verileceğine karar verirken kullanıcı zamanı.
Başlamak için, aşağıdaki satırı sayfanın altına, kapanma gövdesi etiketinin hemen üstüne yerleştirin. Ardından "UYGULAMA ANAHTARI" nı değiştirin uygulama anahtarı. Bir bağlantıya önizleme özelliği eklemek için bir sonraki grabzit-preview
bağlantıya sınıf. Bu daha sonra otomatik olarak okunur ve bir önizleme oluşturulur.
new GrabzItPreview("Sign in to view your Application Key");
Bundan başka yapılandırma seçenekleri ayarlamanıza gerek yoktur, ancak hepsini belirleyebilirsiniz. genel, resim ve hareketli GIF parametreleri Seçenekler nesnesinde. Örneğin, aşağıdaki örnekte genişlik ve yüksekliği 200 x 200 olarak ayarladık.
new GrabzItPreview("Sign in to view your Application Key", {"width": 200, "height": 200});
Href özelliğinde bulunandan farklı bir URL belirlemek istiyorsanız. Kullanarak bir tane belirleyebilirsiniz grabzit-href
örneğin, öznitelik.
<a href="http://example.com" grabzit-href="https://www.tesla.com" class="grabzit-preview">My Example</a>
İstediğiniz gibi JavaScript veya CSS'yi değiştirmek için çekinmeyin! Ancak, önizleme kutusunu stillendirmek için kullanabileceğiniz özel CSS sınıfları sunuyoruz: grabzit-preview-container
, grabzit-preview-caption
, grabzit-preview-loader
ve grabzit-preview-screenshot
.
GrabzIt Preview, bir blog veya WordPress, Drupal ve Joomla gibi CMS ile tam uyumludur. Sadece aç blog-ya-cms-install.txt Eklenti yüklemesinde bulundu, tüm gerekli JavaScript ve CSS’leri tek bir blokta içeriyor. Bu daha sonra eklenebilir into Ham HTML kabul eden bir widget, bu tür widget'ler çoğu blogda veya İçerik Yönetim Sistemlerinde bulunur. İçeriğin ardından sayfanın altına yerleştirmeyi unutmayın.