كيفية استخدام البرنامج الإضافي Easy FancyBox لإضافة Lightboxes إلى موقع WordPress الخاص بك

نشرت: 2022-10-02

إذا كنت ترغب في إضافة تأثير Lightbox إلى موقع WordPress الخاص بك ، فإن المكون الإضافي Easy FancyBox يعد خيارًا يستحق التفكير فيه. هذا البرنامج المساعد يجعل من السهل إضافة fancybox lightboxes إلى موقع WordPress الخاص بك ، بنقرات قليلة فقط. في هذه المقالة ، سنوضح لك كيفية استخدام المكون الإضافي Easy FancyBox لإضافة lightboxes إلى موقع WordPress الخاص بك. سنغطي أيضًا بعض ميزات المكون الإضافي الأخرى ، بما في ذلك كيفية إضافة Lightboxes إلى منشورات وصفحات WordPress الخاصة بك. على استعداد للبدء؟ هيا بنا نبدأ!

Easy FancyBox هو حل مربع ضوئي سيفي بالغرض لأي رابط وسائط على موقع الويب الخاص بك. بعد تنشيط حسابك ، ستتلقى بريدًا إلكترونيًا يحتوي على روابط لصور JPG و GIF و PNG يتم عرضها تلقائيًا في مربع الضوء على طراز fancybox Mac / Gnome الذي يطفو فوق صفحة الويب الخاصة بك. يوجد امتداد Pro للخيارات المتقدمة ودعم الأولوية. تتضمن حزمة Pro عددًا من الميزات. FancyBox هي أداة رائعة تتيح لك عرض الصور والأفلام والمستندات المحمولة والمحتوى المضمّن بطريقة رائعة على موقع الويب الخاص بك. اعتبارًا من الآن ، يجب تضمين أي صور تظهر مباشرةً (بدلاً من صفحة WordPress) من داخل منشوراتك وصفحاتك في تراكب FancyBox. ما رأيك في الإعدادات الافتراضية؟

يمكن العثور على الخيارات الجديدة في قسم الإعدادات. في الواقع ، لم يستهدف FancyBox 1.3.4 الأجهزة المحمولة على وجه التحديد. هذه هي الطريقة الوحيدة لتجنب FancyBox في أحجام الشاشات الصغيرة. يوجد رمزان قصيران في معرض NextGEN يسمحان لك بإظهار معرض مع (1) حد لعدد الصور المعروضة لكل معرض و (2) حد لعدد الروابط إلى المعرض. يمكن تكوين إعدادات المعرض لعرض الصور المصغرة الأساسية لـ Nextgen Basic في قسم المعرض. لإخفاء روابط تصفح الصفحة أسفل صورة مصغرة للمعرض ، يمكنك استخدام قاعدة CSS الجديدة التالية في ورقة أنماط النسق. يمكن استخدام المعلمة التشغيل التلقائي = 1 ، والتي تتم إضافتها إلى عنوان URL لمقاطع فيديو YouTube و Vimeo ، لبدء تشغيل الفيديو على الفور.

يمكنك مشاركة عنوان URL الخاص بمشاركة قائمة التشغيل بالانتقال إلى صفحة الفيلم على YouTube. إذا كنت تريد استخدام خيار iFrame ، فانتقل إلى الإعدادات وقم بإلغاء تحديد المربع. يمكنك استخدام امتداد الملف htm (l) للارتباط بأي صفحة ويب أو ملف على موقع الويب الخاص بك. يمكنك بعد ذلك تحديد علامة التبويب "نص" من "المحرر الكلاسيكي" أو النقر فوق "تحرير بتنسيق HTML" في المحرر الكلاسيكي. في Gutenberg ، أضف سمة class = fancybox-iframe إلى الرابط. يجب تجنب تضمين جميع صفحات الويب الخارجية في إطارات iframe ما لم يتم تحديد خلاف ذلك بواسطة عنوان أو نص استجابة الخادم. يحاول FancyBox اكتشاف حجم المحتوى تلقائيًا ، ولكن إذا لم يتمكن من القيام بذلك ، فسيتم تعيينه افتراضيًا على إعدادات نوع الوسائط في صفحة الإعدادات.

يمكنك أيضًا تحديد عرض وارتفاع الأقواس المتعرجة الملتفة في سمات فئة الارتباط باستخدام ملحق Pro. يمكن تكوين FancyBox لعرض المحتوى المخفي على الصفحة باستخدام إحدى الطرق المتعددة. رابط مع المعرّف fancybox-auto (لأنه لا يمكن للمرء أن يكون لديه سوى رابط واحد من هذا القبيل في الصفحة). يُطلب من الزائر فتح الصفحة بمبادرته الخاصة. يمكن استخدام نماذج الاتصال 7 و Easy FancyBox لإنشاء نوع محتوى مضمن ، والذي يمكن أن يكون رمزًا قصيرًا. في حدث Document Loaded ، يقوم Easy FancyBox بمسح روابط الوسائط من صفحة المصدر. عند إضافة جزء جديد من المحتوى أو تعديله باستخدام AJAX ، لن يتم عرض روابط وسائط إلى FancyBox.

عندما يتم تعديل مصدر صفحة عبر AJAX ولكن المحتوى لا يزال محدثًا ، يقوم Easy FancyBox بإنشاء مستمع حدث لفحص مصدر الصفحة المحدث بحثًا عن التغييرات. باستخدام المكون الإضافي ، يمكنك إنشاء مجموعة متنوعة من روابط الوسائط ، بما في ذلك SVG ، بالإضافة إلى أداء مهام أداء متنوعة والمزيد. يأتي الإصدار المجاني مع عدد كبير من الميزات ، لكن الإصدار المتميز يضيف المزيد من التطور لمواقع الويب التي قد تتطلب ذلك. خدمة العملاء غير متاحة للإصدار المحترف من هذا المكون الإضافي ، على الرغم من أنه يعمل بالشكل المتوقع. سوف نتخذ قرارا آخر قريبا. Easy FancyBox عبارة عن عرض درس تفاعلي قائم على Lightbox ومفتوح المصدر ومجاني للاستخدام. المراجع: "لم يحل هذا الحل مشكلة الصداع الرئيسية لدي فقط ، والتي لم يبدُ أنها قادرة على أي مكون إضافي آخر حاولت القيام به ، ولكنه زودني أيضًا بصندوق مبسط رائع ."

ما هو Fancybox لووردبريس؟

الائتمان: يوتيوب

Fancybox for WordPress هو مكون إضافي يسمح لك بإنشاء تأثير Lightbox لموقع WordPress الخاص بك. عند النقر فوق صورة أو مقطع فيديو أو ملف وسائط آخر ، سيتم فتحه في تراكب Lightbox على الصفحة. يمكن أن تكون هذه طريقة رائعة لعرض المحتوى الخاص بك وجعله أكثر جاذبية للزائرين.

Easy FancyBox هو حل مربع ضوئي يمكن استخدامه لتخزين جميع روابط الوسائط الخاصة بك تقريبًا على موقع الويب الخاص بك. نحن ندعم إطارات iframe بالإضافة إلى الصور ومقاطع الفيديو و Dailymotion و PDF والمحتوى المضمّن و HTML5. يعد ملحق Pro خيارًا للخيارات المتقدمة ودعم الأولوية. لا يجمع هذا المكون الإضافي أي معلومات شخصية ولا يسمح للمستخدمين بتعيين ملفات تعريف الارتباط على ملفات تعريف الارتباط بأي شكل من الأشكال. يتوافق Easy FancyBox مع Jetpack Infinite Scroll ، ولكن قد تكون هناك حاجة إلى نصوص أخرى للقيام بنفس الشيء. لن يُسمح بفتح جميع الروابط التي تحتوي على فئة nolightbox والتي تسمح عادةً بفتحها في تراكب FancyBox. يمكن استخدام هذا التطبيق مع تنشيط الشبكة ، مما يعني أنك لست بحاجة إلى تنشيط كل موقع في شبكتك يدويًا.


البرنامج المساعد Fancybox WordPress

الائتمان: www.gopiplus.com

Fancybox هو مكون إضافي لبرنامج WordPress يتيح لك إنشاء تأثير Lightbox لموقعك على الويب. هذا البرنامج المساعد سهل الاستخدام ومتوافق مع معظم سمات Wordpress. باستخدام Fancybox ، يمكنك بسهولة إضافة الصور ومقاطع الفيديو والمحتويات الأخرى إلى موقع الويب الخاص بك دون الحاجة إلى القلق بشأن الترميز.

سيقوم FancyBox for WordPress ، وهو مكون إضافي اختياري للصندوق الضوئي ، بدمج FancyBox بسلاسة في مدونة WordPress الخاصة بك. سيتم تطبيق جميع روابط الصور المصغرة عليها افتراضيًا عبر المكون الإضافي. يمكن تخصيص Fancybox lightbox بسهولة ، سواء كان الحد ، أو عرض الهامش ، أو اللون ، أو سرعة التكبير / التصغير ، أو نوع الرسوم المتحركة ، أو موضع زر الإغلاق ، أو لون التراكب ، أو الشفافية. يستخدم مستخدمو WordPress FancyBox for WordPress ، وهو مشروع مفتوح المصدر. كانت الثغرة الأمنية الموجودة في الإصدار 3.0.2 والإصدارات الأقل مقتصرة على المكون الإضافي نفسه. إذا لم تكن متأكدًا من الرمز المعروض في الإعدادات ، فيرجى الانتقال إلى أسفل الصفحة والنقر على زر الرجوع إلى الإعدادات الافتراضية.

Fancybox مضمن

Fancybox هي أداة لعرض الصور ومحتوى html والوسائط المتعددة في Lightbox الذي يطفو فوق صفحة الويب. تم بناؤه باستخدام مكتبة jQuery.

Fancybox: أداة لعرض الصور ومحتوى Html والوسائط المتعددة على صفحة ويب

ما هو Fancybox وكيف يعمل؟ تتيح لك وظيفة FancyBox عرض الصور ومحتوى HTML ومحتوى الوسائط المتعددة أعلى صفحة الويب ، على غرار العرض المبسط. ما الحيلة لفتح FancyBox؟ عندما تتصل بـ FancyBox () على زر ، سيتم فتح FancyBox بمجرد النقر فوقه.

فانسي بوكس ​​اياكس المنبثقة

يعد fancyBox أداة تقدم طريقة رائعة وأنيقة لإضافة وظيفة التكبير / التصغير للصور ومحتوى html والوسائط المتعددة على صفحات الويب الخاصة بك. إنه مبني على الجزء العلوي من مكتبة jQuery JavaScript وهو مجاني تمامًا للاستخدام.