أفضل 5 إضافات Lightbox لـ WordPress

ماذا يحدث عندما ينقر زوار موقعك على صورة؟

إذا نقر المستخدم على صورة ، ولا يزال يتعذر رؤيتها في وضع العرض الكامل ، أو تمت إعادة توجيهه إلى ملف الصورة ، فقد يكون هذا أمرًا سيئًا حقًا من حيث تجربة المستخدم ...

هذا هو السبب في أن فتح الصور في Lightbox يعد أمرًا بالغ الأهمية. يمنع المستخدم من الوصول إلى طريق مسدود. بدلاً من ذلك ، يُظهر للزائرين العرض الكامل للصورة دون جعلهم يغادرون إلى صفحة أخرى.

فوائد استخدام Lightbox على WordPress هي:

• تجربة مستخدم أفضل
• يرى الزوار الصور في مرأى ومسمع
• انخفاض معدل الارتداد
• المزيد من المشاركة التفاعلية الشخصية
• يتصفح الزوار بسهولة أكثر من خلال عدة صور

يساعد تحقيق كل هذه النقاط من خلال Lightbox أيضًا على زيادة ثقة الزائرين والوعي بالعلامة التجارية بالإضافة إلى التحويلات.

تكمن المشكلة في أن ميزة العرض المبسط لا تأتي مضمنة في WordPress. لحسن الحظ ، لدينا الكثير من الخيارات من حيث حلول البرنامج المساعد lightbox.

Lightbox عبارة عن نافذة منبثقة تفتح عندما ينقر المستخدم على صورة أو مقطع فيديو. تعرض هذه النافذة عرضًا بالحجم الكامل للصورة أو مقطع الفيديو ، مع تعتيم بقية الشاشة.

هناك 4 أنواع رئيسية من الصناديق المبسطة:

• عرض مبسط للصورة
• معرض الصور المبسط
• العرض المبسط للفيديو
• المنزلق lightbox

يمكن إضافة كل من وظائف Lightbox هذه بسهولة إلى أي موقع WordPress. دعنا نلقي نظرة على أكثر الإضافات المبسطة المفيدة في WordPress.

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

عمليات التثبيت النشطة: 100،000+

تقييمات خمس نجوم: 324

لماذا تختار هذا البرنامج المساعد:

• لا يتطلب أي إعداد أولي
• يعمل على جميع أنواع الوسائط: صورة ، معرض ، شريط تمرير وفيديو
• Lightbox مستجيب للجوّال
• التحكم في لون خلفية العرض المبسط

كيف تستعمل:

1. لمشاهدة العرض المبسط أثناء العمل ، انتقل إلى محرر Elementor واسحب صورة أو معرضًا أو عنصر واجهة مستخدم دائري وقم بتعيين صور.
2. ضمن صورة> محتوى ، تأكد من أن جميع الصور تؤدي إلى ملف وسائط وحفظها.
3. إذا ذهبت لعرض الصفحة ، سيؤدي النقر فوق صورة إلى فتح نموذج Lightbox.
4. بالنسبة للفيديو ، ستحتاج إلى سحب أداة الفيديو
5. ثم ، انقر فوق الفيديو> المحتوى> تراكب الصور ، وقم بتشغيل تراكب الصور وقم بتشغيل Lightbox
6. الآن ، سيؤدي النقر فوق الفيديو عند عرض الصفحة إلى فتح مربع الضوء.

عندما اختبرنا المكون الإضافي ، عمل على كل من صور المعرض والصور الفردية. ما أعجبني في هذا البرنامج المساعد هو أنه لا يحتاج إلى CSS إضافي أو استخدام رمز قصير.

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

التنصيبات النشطة: 200000+

تقييمات خمس نجوم: 131

لماذا تختار هذا البرنامج المساعد:

• يعمل Lightbox تلقائيًا (لا حاجة إلى ترميز يدوي)
• يعرض البيانات الوصفية للوسائط (التسمية التوضيحية والوصف وما إلى ذلك) في العرض المبسط
• مجموعات الصور وصالات العرض على الصفحة

كيف تستعمل:

1. قم بتنشيط المكون الإضافي
2. قم بإنشاء صفحة جديدة
3. أدخل صورة في الداخل
4. تأكد من ارتباط الصورة بملف الوسائط.
5. إذا قمت بمعاينة الصفحة ، يجب أن ترى مربع الضوء المنبثق.

تنزيل من WordPress

هذا هو المكون الإضافي lightbox القابل للتخصيص بدرجة كبيرة لمقاطع الفيديو. أكبر جانب سلبي وجدته هو أنه استخدم الرموز القصيرة ، مما يعني أنه في المستقبل إذا أردت إيقاف تشغيله ، فستحتاج إلى الانتقال إلى موقعك بالكامل وتغيير الرموز القصيرة.

التنصيبات النشطة: 70000+

تقييم خمس نجوم: 38

لماذا تختار هذا البرنامج المساعد:

• قم بإيقاف تشغيل مقاطع الفيديو ذات الصلة
• خيار Lightbox للإغلاق فقط عند الضغط على X
• عرض الصور ، الفلاش ، YouTube ، Vimeo ، iFrame وما إلى ذلك في تراكب Lightbox

كيف تستعمل:

1. قم بتنشيط المكون الإضافي
2. ضع الرمز القصير في المحرر: [video_lightbox_youtube video_id = ”G7z74BvLWUg & rel = 0 ″ width =” 640 ″ height = ”480 ″ anchor =” click me ”]

تنزيل من WordPress

إذا كنت شخصًا يحب التنوع ، فقد يلبي هذا المكون الإضافي lightbox حاجتك لتصميم lightbox. يحتوي على 7 نصوص مختلفة للصور الخفيفة: SwipeBox و prettyPhoto و FancyBox و Nivo Lightbox و Image Lightbox و Tos “R” Us و Featherlight.

التنصيبات النشطة: 200000+

تقييمات خمس نجوم: 321

لماذا تختار هذا البرنامج المساعد:

• 7 نصوص مختلفة لـ lightbox: SwipeBox و prettyPhoto و FancyBox و Nivo Lightbox و Image Lightbox و Tos “R” Us و Featherlight
• يعمل للصور والمعرض والفيديو lightbox
• دعم معرض منتجات WooCommerce
• العديد من الملحقات والإضافات
• تخصيص واسع لكل نمط من أنماط العرض المبسط
• تجميع الصور المنشورة الفردية في معرض
• اعرض عنوان الصورة أو الوصف أو التعليق أو النص البديل أو الوصف

كيف تستعمل:

1. قم بتنشيط المكون الإضافي لتنشيط lightbox
2. اختر من بين البرامج النصية السبعة المبسطة
3. سيتم فتح جميع الصور والمعارض تلقائيًا كنوافذ منبثقة مبسطة.

تنزيل من WordPress

إذا كنت بحاجة إلى مزيد من التنوع في النافذة المنبثقة lightbox ، مثل إضافة قالب Elementor مع مقطع فيديو ونص وزر ، فيمكنك استخدام المكون الإضافي Popup Maker وإنشاء نوافذ منبثقة أكثر تفصيلاً.

عمليات التثبيت النشطة: 100،000+

تقييم خمس نجوم: 1،201

لماذا تختار هذا البرنامج المساعد:

• تحكم كامل في محتوى صندوق الضوء المنبثق
• إنشاء الشرائح الخارجية ، وأشرطة الشعارات ، والملصقات العائمة ، والإشعارات ، وشاشات التحميل ، وصناديق العرض المبسطة للفيديو ، ونماذج الاشتراك
• يعمل بشكل مثالي مع تضمين قوالب Elementor
• إعدادات الزناد المتقدمة

كيف تستعمل:

1. قم بتنشيط المكون الإضافي
2. إضافة نافذة منبثقة جديدة (نوع منشور مخصص)
3. قم بإنشاء محتوى منبثق في Elementor
4. احفظه في المكتبة
5. الصق الرمز المختصر للقالب في مربع المحتوى
6. صمم النافذة المنبثقة كما يحلو لك

تنزيل من WordPress

لقد رأينا 5 طرق مختلفة لإضافة ميزة Lightbox إلى WordPress:

العنصر: إذا كنت ترغب في إضافة Lightbox إلى الأدوات التي تنشئها داخل أداة إنشاء الصفحات ، دون الحاجة إلى أي مكون إضافي

Lightbox البسيط: إذا كنت بحاجة إلى حل بسيط سهل الاستخدام

WP Video Lightbox: المزيد من خيارات التخصيص لمقاطع الفيديو

العرض المبسط المستجيب: للحصول على خيارات التخصيص المتقدمة

Popup Maker: للصندوق المنبثق الذي يتضمن مزيجًا من العناصر

أود أن أسمع عن كيفية إعداد النوافذ المنبثقة في العرض المبسط في WordPress. شارك بأفكارك في التعليقات أدناه.