المكون الإضافي WordPress: افتح فيديو في صندوق مبسط باستخدام Elementor

زر العنصر افتح Video Lightbox

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

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

لحسن الحظ ، هناك مكون إضافي لذلك!

الوظائف الإضافية الأساسية لـ Elementor

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

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

زر Lightbox

بمجرد تثبيت الإصدار المدفوع من المكونات الإضافية الأساسية لـ Elementor ، قم بتمكين Lighbox & Modal ميزة لعرض العنصر في عناصر Elementor الخاصة بك. ثم يمكنك البحث عنها وسحبها إلى صفحتك بسهولة:

عنصر lighbox مشروط

بعد ذلك ستحتاج إلى تعديل بعض الإعدادات للعنصر:

  • اضبط الإعدادات> المشغل على انقر فوق الزر
  • اضبط الإعدادات> الكتابة إلى أزرار
  • اضبط الإعدادات> زر النص
  • اضبط المحتوى> النوع على رابط إلى صفحة / فيديو / خريطة
  • اضبط المحتوى> قم بتوفير عنوان URL للصفحة / الفيديو / الخريطة إلى URL الفيديو الخاص بك

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

الزر lightbox elementor

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

الإضافات الأساسية للعنصر: عناصر مجانية

يحتوي الإصدار المجاني على بعض العناصر الأساسية التي يمكن إضافتها:

  • معلومات مربع - عرض المعلومات الأساسية باستخدام نوع مربع المعلومات عن طريق إضافة أيقونة في الأعلى وإضافة تأثيرات الرسوم المتحركة.
  • الأكورديون المتقدم - عرض المحتوى ، وتمكين رمز التبديل ، وملء قسم الأكورديون بالنص المطلوب وجعله يبدو تفاعليًا للجمهور.
  • شبكة المنتج Woo - اعرض منتجات WooCommerce في أي مكان واعرض المنتجات حسب الفئة أو العلامات أو السمات. أضف تأثيرات التمرير على التخطيط بسهولة لجعله مذهلاً.
  • مربع الوجه - اعرض المحتوى بشكل جميل مع انعكاس حركة اليسار / اليمين عند تحريك الماوس.
  • علامات تبويب متقدمة - عرض المعلومات الأساسية بطريقة تفاعلية تدعم تصميم علامات التبويب المتداخلة المخصصة لجذب جمهور في مثيل.
  • جدول التسعير - قم بإنشاء جدول تسعير منتج فعال بتصميم مثالي للحصول على المزيد من المبيعات من المشترين المحتملين.
  • صورة الأكورديون - قم بتمييز صورك باستخدام تأثيرات التمرير والنقر المذهلة باستخدام EA Image Accordion. 
  • الشبكة آخر - عرض منشورات مدونة متعددة في تخطيط شبكي. يمكنك اختيار التخطيط المفضل لديك من إعدادات التخطيط وإضافة الرسوم المتحركة إليه وجعله يبدو تفاعليًا للزوار.
  • دعوة للعمل - صمم محتوى الحث على الشراء ولونه واربطه لتوجيه الزوار إلى الإجراء المطلوب.
  • العد التنازلي - بناء وتصميم مؤقت من مجموعة مختارة من الأساليب المختلفة.
  • بعد الجدول الزمني - اعرض منشورات المدونة أو الصفحات أو المنشورات المخصصة في تخطيط عمودي مذهل. يمكنك تعيين عدد المنشورات المفضل لديك ، وإضافة تأثيرات مذهلة ، وتراكب الصور ، والزر ، والمزيد لجذب اهتمام الجمهور.
  • معرض قابل للتصفية - عرض الصور بفئات منفصلة وأنماط الشبكة وتخصيص التصميم العام لضمان مظهر غير عادي.

قم بتنزيل الوظائف الإضافية الأساسية لـ Elementor

الإضافات الأساسية للعنصر: العناصر المدفوعة

مع الإصدار المدفوع ، تحصل على الكثير من العناصر التي توفر حقًا أقصى إمكانات في المظهر المستند إلى Elementor.

  • Lightbox & Modal - اعرض مقاطع الفيديو أو الصور أو أي محتوى آخر مع نافذة منبثقة. يمكنك تعيين إجراءات المشغل المطلوبة ، وإضافة رسم متحرك ، وتعيين التخطيط لزيادة المشاركة.
  • مقارنة الصور - مكّن المشترين المحتملين من المقارنة بين صورتي المنتج (القديم مقابل الجديد) بطريقة مذهلة.
  • شعار دائري - اختر تأثير الكاروسيل الذي تريده ، وأضف شعارًا وأسلوب الإخراج لعرض جميع عملائك أو شركائك بشكل جميل.
  • تأثيرات المنظر - اسمح للزائرين بتجربة موقعك من خلال تأثير اختلاف المنظر متعدد الطبقات الذي يشتمل حتى على تفاعل تمرير الماوس.
  • عرض خاص - أضف عنوانًا جذابًا ومحتوى داخليًا ومحتوى تمرير الماوس وصورًا جميلة لجذب انتباه الزائر.
  • تبديل المحتوى - أضف تأثير التمرير إلى المحتوى الخاص بك الذي يسلط الضوء على الاختلافات التي ترغب في أن يركز الزائرون عليها.
  • خريطة جوجلs - تكوين عنصر خريطة وإضافة رموز علامة وجعله تفاعليًا للزوار.
  • تأثير الجسيمات - أضف أقسامًا إبداعية على موقع الويب الخاص بك لإبرازه.
  • بطاقات تفاعلية - جلب إمكانات متقدمة مثل تأثيرات التمرير والتمرير الداخلي إلى كتل المحتوى الخاصة بك.
  • المحتوى المحمي - تقييد المحتوى بكلمة مرور أو دور المستخدم.
  • كتلة المشاركة - اعرض منشورات مدونتك مع مجموعة متنوعة من الأنماط الفريدة باستخدام قوة CSS Flex الحديثة. يمكنك اختيار تخطيط وإضافة رسوم متحركة وإضافة رمز وتصميم كل شيء - بما في ذلك تأثيرات التمرير.
  • تلميح أداة متقدمة - إضافة تلميحات الأدوات أعلى وأسفل المحتوى.
  • الملاحة صفحة واحدة - إنشاء موقع ويب صفحة واحدة بنقرات قليلة فقط باستخدام Elementor.
  • شهادة المنزلق - إنشاء لوحة شهادات تفاعلية تعرض عدة مراجعات بشكل جميل في منطقة محتوى واحدة.
  • انستجرام - اجذب انتباه زوار موقعك وجذب المزيد من متابعي Instagram من خلال عرض موجز Instagram على موقعك.
  • نقطة اتصال الصورة - إضافة نقاط فعالة في منطقة الصورة مع تلميحات أدوات مخصصة ، بحيث يمكن للمستخدم النقر فوق النقاط الفعالة للكشف عن نص مرتبط.

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

قم بتنزيل الوظائف الإضافية الأساسية لـ Elementor

ما رأيك؟

يستخدم هذا الموقع نظام Akismet لتقليل الرسائل الضارة. تعرف كيف تتم معالجة بيانات تعليقك.