يعرض المكون الإضافي Link Preview Plugin معاينة لصفحة الويب التي يرتبط بها الرابط عندما يحوم المستخدم فوق الرابط ويكون للفئة الرابط grabzit-preview
. هذا saveهو وقت المستخدم عند تحديد الروابط التي تريد.
للبدء ، ضع السطر أدناه في أسفل الصفحة أعلى علامة إغلاق النص مباشرة. ثم استبدل "التطبيق الرئيسي" بـ الخاص بك الفعلي مفتاح التطبيق. التالي لإضافة القدرة على معاينة رابط ببساطة إضافة grabzit-preview
الطبقة إلى الرابط. سيتم بعد ذلك قراءة هذا تلقائيًا وإنشاء معاينة.
new GrabzItPreview("Sign in to view your Application Key");
ليس عليك تعيين أي خيارات تكوين أخرى غير ذلك ، ومع ذلك يمكنك تحديد كل الخيارات عام ، صورة و GIF المتحركة المعلمات في كائن الخيارات. على سبيل المثال ، في المثال أدناه ، قمنا بتعيين العرض والارتفاع ليكون 200 x 200.
new GrabzItPreview("Sign in to view your Application Key", {"width": 200, "height": 200});
إذا كنت ترغب في تحديد عنوان URL غير العنوان الموجود في سمة href. يمكنك تحديد واحد باستخدام grabzit-href
السمة على سبيل المثال.
<a href="http://example.com" grabzit-href="https://www.tesla.com" class="grabzit-preview">My Example</a>
لا تتردد في تغيير JavaScript أو CSS كما يحلو لك! ومع ذلك ، فإننا نقدم فئات CSS خاصة يمكنك استخدامها لتصميم مربع المعاينة ، وهذه تشمل: grabzit-preview-container
, grabzit-preview-caption
, grabzit-preview-loader
و grabzit-preview-screenshot
.
GrabzIt Preview متوافق تمامًا مع مدونة أو CMS ، مثل WordPress و Drupal و Joomla. فقط مفتوحة بلوق، أو سم-الملف INSTALL.txt وجدت في تنزيل البرنامج المساعد ، وهذا يشمل جميع جافا سكريبت و CSS المطلوبة في كتلة واحدة. ويمكن بعد ذلك إدراجها into عنصر واجهة تعامل المستخدم يقبل HTML الخام ، فهذه الأدوات موجودة في معظم أنظمة إدارة المحتوى أو المدونات. تذكر تحديد موقعه في أسفل الصفحة بعد المحتوى.