أفضل 5 إضافات Lightbox لـ ووردبريس

في هذا المنشور ، نشارك أفضل 5 إضافات Lightbox لـ ووردبريس ، بما في ذلك مُنشئ الصفحات الخاص بنا ، والذي قدم مؤخرًا حل lightbox شامل.

Lightbox الصورة

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

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

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

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

تجربة مستخدم أفضل

يرى الزوار الصور في مرأى ومسمع

انخفاض معدل الارتداد

المزيد من المشاركة التفاعلية الشخصية

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

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

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

ما هو Lightbox وكيف يمكنني إضافته إلى ووردبريس؟

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

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

عرض مبسط للصورة

معرض الصور المبسط

العرض المبسط للفيديو

المنزلق lightbox

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

Elementor Lighbox: Free Image ، Gallery ، Slider & Video Lightbox Plugin for ووردبريس

مربع ضوء الصورة- fb

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

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

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

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

لا يتطلب أي إعداد أولي

يعمل على جميع أنواع الوسائط: صورة ، معرض ، شريط تمرير وفيديو

Lightbox مستجيب للجوّال

التحكم في لون خلفية العرض المبسط

كيف تستعمل:

لمشاهدة العرض المبسط أثناء العمل ، انتقل إلى محرر Elementor واسحب صورة أو معرضًا أو عنصر واجهة مستخدم دائري وقم بتعيين صور.

ضمن صورة> محتوى ، تأكد من أن جميع الصور تؤدي إلى ملف وسائط وحفظها.

إذا ذهبت لعرض الصفحة ، سيؤدي النقر فوق صورة إلى فتح نموذج Lightbox.

بالنسبة للفيديو ، ستحتاج إلى سحب أداة الفيديو

ثم ، انقر فوق الفيديو> المحتوى> تراكب الصور ، وقم بتشغيل تراكب الصور وتشغيل Lightbox

الآن ، سيؤدي النقر فوق الفيديو عند عرض الصفحة إلى فتح مربع الضوء.

العرض المبسط البسيط: الصورة الأساسية ومعرض العرض المبسط

الصورة 1

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

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

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

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

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

يعمل Lightbox تلقائيًا (لا حاجة إلى ترميز يدوي)

يعرض البيانات الوصفية للوسائط (التسمية التوضيحية والوصف وما إلى ذلك) في العرض المبسط

مجموعات الصور وصالات العرض على الصفحة

كيف تستعمل:

قم بتنشيط المكون الإضافي

قم بإنشاء صفحة جديدة

أدخل صورة في الداخل

تأكد من ارتباط الصورة بملف الوسائط.

إذا قمت بمعاينة الصفحة ، يجب أن ترى مربع الضوء المنبثق.

تنزيل من ووردبريس

WP Video Lightbox: أضف Video Lightbox إلى ووردبريس

الصورة 2

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

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

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

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

قم بإيقاف تشغيل مقاطع الفيديو ذات الصلة

خيار Lightbox للإغلاق فقط عند الضغط على X

عرض الصور ، الفلاش ، YouTube ، Vimeo ، iFrame وما إلى ذلك في تراكب Lightbox

كيف تستعمل:

قم بتنشيط المكون الإضافي

ضع الرمز القصير في المحرر: [video_lightbox_youtube video_id = ”G7z74BvLWUg & rel = 0 ″ width =” 640 ″ height = ”480 ″ anchor =” click me ”]

تنزيل من ووردبريس

العرض المبسط المستجيب بواسطة dFactory: البرنامج المساعد Lightbox الأكثر قابلية للتخصيص

صورة 6

إذا كنت شخصًا يحب التنوع ، فقد يلبي هذا المكون الإضافي 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

العديد من الملحقات والإضافات

تخصيص واسع لكل نمط من أنماط العرض المبسط

تجميع الصور المنشورة الفردية في معرض

اعرض عنوان الصورة أو الوصف أو التعليق أو النص البديل أو الوصف

كيف تستعمل:

قم بتنشيط المكون الإضافي لتنشيط lightbox

اختر من بين البرامج النصية السبعة lightbox

سيتم فتح جميع الصور والمعارض تلقائيًا كنافذة منبثقة Lightbox.

تنزيل من ووردبريس

صانع النوافذ المنبثقة: Lightbox لمواقف أخرى

الصورة 3

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

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

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

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

تحكم كامل في محتوى صندوق الضوء المنبثق

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

يعمل بشكل مثالي مع تضمين قوالب Elementor

إعدادات الزناد المتقدمة

كيف تستعمل:

قم بتنشيط المكون الإضافي

إضافة نافذة منبثقة جديدة (نوع منشور مخصص)

قم بإنشاء محتوى منبثق في Elementor

احفظه في المكتبة

الصق الرمز المختصر للقالب في مربع المحتوى

صمم النافذة المنبثقة كما يحلو لك

تنزيل من ووردبريس

استنتاج

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

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

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

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

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

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

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