كيفية فتح مقطع فيديو في Lightbox باستخدام Elementor

هل ترغب في فتح مقطع فيديو في Lightbox باستخدام Elementor؟

Elementor يأتي مع أداة الفيديو لتتمكن من إضافة فيديو إلى الصفحة بسهولة. يمكنك حتى إضافة فيديو ديناميكي باستخدام ميزة المحتوى الديناميكي لـ Elementor (الإصدار المحترف مطلوب).

عند إضافة مقطع فيديو في Elementor ، يمكنك تهيئته ليتم فتحه في مربع مبسط لا يزال يُسمى مشاهد.

هذا المقال سيريك كيف.

لكن أولاً ، دعنا نكتشف ذلك كيفية تثبيت Elementor على WordPress

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

كيفية فتح الفيديو في Lightbox في Elementor باستخدام Video Widget

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

أولاً ، أضف أداة الفيديو إلى مربع التعديل.

أضف الفيديو الخاص بك عن طريق لصق الرابط في الحقل الارتباط.

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

كيفية فتح الفيديو في Lightbox في Elementor باستخدام Dynamic Link

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

أولاً ، أضف الأداة (أي أداة الزر) إلى مربع التعديل كالمعتاد. في لوحة الإعدادات ، انقر فوق الرمز الديناميكي في الحقل امتياز وحدد صندوق مضئ.

ثم انقر فوق رمز مفتاح الربط في الحقل صندوق. انقر فوق أيقونة الفيديو والصق عنوان URL للفيديو الذي تريد إضافته.

هنا. يمكنك النقر فوق العنصر ويجب أن يعرض الفيديو في Lightbox على النحو التالي.

تخصيص العرض المبسط

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

انقر صندوق مضئ في الكتلة التعديلات.

كما ترى ، هناك بعض خيارات الإعداد التي يمكنك تعيينها ، بما في ذلك الألوان.

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

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

احصل على Elementor Pro الآن!

اكتشف أيضًا بعض الإضافات المتميزة لبرنامج WordPress

يمكنك استخدام مكونات WordPress الأخرى لإضفاء مظهر حديث وتحسين قبضة مدونتك أو موقعك الإلكتروني.

نحن نقدم لك هنا بعض الإضافات WordPress المتميزة التي سوف تساعدك على القيام بذلك.

1. في كل مكان

All Around إضافة ووردبريس مميزة، وكما يوحي اسمها، فهي متكاملة. توفر تصميمًا أنيقًا وسريع الاستجابة، وخيارات تنسيق متعددة مُحددة مسبقًا، ودعمًا للمس.

يعد شريط تمرير WordPress هذا حلاً مثاليًا متعدد الأغراض متعدد الأغراض لأي موقع ويب. إذا كان هذا هو المكون الإضافي الأول لـ WordPress والمكوِّن الإضافي المنزلق ، فقد يكون أيضًا آخر ما تحتاجه.

انظر أيضا مقالتنا على كيفية كسب المال مع بلوق الخاص بك عندما يكون لديك انخفاض حركة المرور

معالمه هي:على صفحة تستجيب بالكامل ، 6 أنماط محددة مسبقا ، له دعم الفيديو ، دالتمرير العمودي أو الأفقي ، صدعم المتزلجون متعددة على صفحة واحدة ، هر أكثر من ذلك.

تحميل | عرض | استضافة المواقع

2. في نهاية المطاف نموذج باني

Ultimate Form Builder هو مكون إضافي لبرنامج WordPress يسمح لك بإنشاء نماذج متجاوبة غير محدودة. يحتوي على منشئ نماذج السحب والإفلات الذي يمكنه إنشاء أي نوع من النماذج (جهة اتصال ، استطلاع ، عرض ، معلومات ، إلخ).

هذا البرنامج المساعد سهل الاستخدام. يمكنك إنشاء النماذج الجميلة وتخصيصها وتصميمها وتطبيق القوالب الموجودة على النماذج الموجودة للتصميم واستخدامها على موقع الويب الخاص بك في أي وقت من الأوقات.

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

جميع الأشكال التي صممها هذا البرنامج المساعد هي آمنة فائقة بفضل نظام كلمة التحقق فعالية.

تحميل | عرض | استضافة المواقع

3. WooCommerce Shipping Tracking

سيجعل WCST من السهل على عملائك تتبع طلباتهم. يمكنك إقران كل طلب بشركة نقل ورقم تتبع.

ستنشر WCST معلومات التتبع (عنوان URL للشركة ورمز التتبع) مباشرةً في البريد الإلكتروني "إكمال الطلب" وصفحة "عرض الطلب".

اكتشف أيضًا قائمتنا الإضافات 50 WooCommerce لتحسين متجر على الانترنت

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

تحميل | عرض | استضافة المواقع

الموارد الموصى بها

تعرف على الموارد الأخرى الموصى بها لمساعدتك في بناء وإدارة موقع الويب الخاص بك.

خاتمة

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

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

ولكن في هذه الأثناء ، شارك هذا المقال على الشبكات الاجتماعية المختلفة.

...