تحميل وإدارة مقاطع الفيديو في Elementor

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

دعم الفيديو المستضاف ذاتيًا وDailymotion

في Elementor، لا يمكنك تضمين مقاطع فيديو من YouTube وVimeo فحسب، بل يمكنك الآن أيضًا تضمين مقاطع فيديو HTML5 وDailymotion ذاتية الاستضافة.

فوائد مقاطع الفيديو ذاتية الاستضافة:

  • الخصوصية والتحكم: مع اللائحة العامة لحماية البيانات (GDPR) والمشكلات الأخرى المتعلقة بالخصوصية، أصبح الحصول على مقاطع فيديو مستضافة ذاتيًا أكثر أهمية. يمكنك التحكم في محتوى مقاطع الفيديو هذه.
  • الملكية: وجود مقاطع فيديو مستضافة ذاتيًا يساعدك على الاعتماد على المحتوى الذي يصنعه الآخرون. مع الفيديو الخاص بك، أنت متأكد بنسبة 100% من أنه لن تكون هناك أية مشكلات تتعلق بحقوق الطبع والنشر. بالإضافة إلى ذلك، لا يوجد أي خطر لحذف الفيديو.
  • التخصيص: مع الاستضافة الذاتية، لن يحتوي الفيديو الخاص بك على أي شعارات أو روابط خارجية. سيساعدك هذا على تضمين محتوى عالي الجودة يبدو أكثر احترافية. يمكن أن تكون مقاطع الفيديو الخاصة بك مفيدة جدًا في جذب الزوار إلى موقعك.
  • تجربة المستخدم: ستضمن مقاطع الفيديو المستضافة ذاتيًا عدم ظهور إعلانات أو مقاطع فيديو مقترحة للزائرين. لن يتم تشتيت انتباههم أو إعادة توجيههم إلى منافسيك (من خلال مقاطع الفيديو المقترحة/الموصى بها).

وقت البدء والانتهاء لأداة الفيديو والخلفية

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

علامة تجارية متواضعة

لنفترض أنه إذا قمت بتضمين مقطع فيديو من youtube، ولكنك تريد إخفاء شعار youtube منه، فيمكنك تحديد "علامة تجارية متواضعة" لإخفاء الشعار من فيديو Youtube المضمن.

أضف خلفية فيديو إلى Elementor

في هذا القسم، سنرشدك حول كيفية إضافة فيديو إلى Elementor:

اضغط على محرر Elementor، وانتقل إلى اللوحة. من هنا، ابحث عن "فيديو" واسحب أداة الفيديو.

  • Elementor > اللوحة > ابحث عن "فيديو" > اسحب "أداة الفيديو"
  • ضمن الفيديو > المصدر، اختر إما "YouTube" أو "Dailymotion" أو "Vimeo" أو استضافة ذاتية.
  • وبعد ذلك قم بإضافة رابط للفيديو. إذا كان الفيديو مستضافًا ذاتيًا، فيمكنك إما تحميله وتصفح مكتبة الوسائط أو باستخدام عنوان URL خارجي.
  • إذا كنت تريد تشغيل جزء معين من الفيديو، فيمكنك اختيار وقت البدء ووقت الانتهاء.
  • يمكنك أيضًا إضافة صورة مصغرة من اختيارك عن طريق إضافة تراكب صورة.

تحسين التحرير المحمول

تغيير نقاط توقف الهاتف المحمول والكمبيوتر اللوحي

لفترة طويلة، أراد الناس أن يتمتعوا بالحرية في الحصول على قيم نقاط التوقف لمقاطع الفيديو على الهاتف المحمول والأجهزة اللوحية. أخبار جيدة!! الحل هنا.

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

لتغيير قيم نقطة التوقف، انتقل إلى:

لوحة تحكم Elementor > الإعدادات > النمط وأدخل القيم الجديدة لـ "Tablet Breakpoint" و"Mobile Breakpoint".

وفويلا !!!

لقد فعلت ذلك في الوقت المناسب.

تكامل WP CLI

واجهة سطر الأوامر لـ WordPress، WP-CLI، هي مشروع مفتوح المصدر يوفر واجهة سطر أوامر لمجموعة متنوعة من الإجراءات التي قد تقوم بها في مسؤول WordPress. المطورون على دراية به.

لذلك، باستخدام WP-CLI، يمكنك تنفيذ قائمة طويلة من المهام من محطة عشوائية. بهذه الطريقة، لن تضطر إلى تسجيل الدخول إلى محطة الإدارة.

يأتي Elementor الآن مزودًا بـ WP-CLI المدمج. ويتيح لك تكامل WP-CLI تنفيذ المهام التالية عبر سطر الأوامر:

  • Flush_css – مسح ذاكرة التخزين المؤقت CSS الخاصة بـ Elementor Page Builder
  • مكتبة المزامنة - مكتبة مزامنة العنصر
  • استبدال عناوين URL - استبدل عناوين URL القديمة بعناوين URL الجديدة في جميع صفحات Elementor
  • تنشيط الترخيص أو إلغاء تنشيطه – تنشيط ترخيص Pro الخاص بك أو إلغاء تنشيطه
  • مكتبة الاستيراد - استيراد ملفات القالب إلى المكتبة

ستستمر إضافة المزيد من أوامر CLI لـ Elementor في المستقبل.

إدراج جوتنبرج

وفي الأشهر المقبلة، ستتم إضافة Gutenberg أيضًا إلى النواة، مما يجعل Elementor حزمة كاملة.

مع إطلاق Gutenberg، سيعمل Elementor بسلاسة لجميع مستخدمي Elementor.

من السهل التبديل بين Gutenberg وElementor مع الإصدار 2.1 لأنك ستستخدم الزر المألوف دائمًا "Edit with Elementor" داخل Gutenberg.

فيديو مثبت من دولة الإمارات العربية المتحدة

تخيل أنك تقوم بتمرير الصفحة، وينتقل محتوى الفيديو إلى اليسار أو اليمين، أو يظل ببساطة غير قابل للنقل.

يجب أن يكون مشهدا محبطا.

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

كيفية جعل الفيديو لزجة؟

دولة الإمارات العربية المتحدة هذه الوظيفة أنيقة وبسيطة. لجعل الفيديو ثابتًا، يمكنك ببساطة تمكين Sticky Video للتبديل ضمن المحتوى (علامة التبويب) > إعداد Sticky Video.

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

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

حجم الفيديو

يمكنك ضبط ارتفاع وعرض الفيديو عن طريق تحديد عرض الفيديو بالبكسل. سيتم تطبيق عرض الفيديو وفقًا لنسبة العرض إلى الارتفاع المحددة للفيديو. يمكنك التحكم في نسبة العرض إلى الارتفاع للفيديو من المحتوى (علامة التبويب) > الفيديو.

على سبيل المثال – إذا قمت بتعيين نسبة 16:9، فسيتم تطبيق أبعاد الفيديو الثابتة وفقًا للنسبة المحددة.

محاذاة لزجة

يمكنك إدارة المحاذاة ، أي موضع الفيديو اللاصق عبر حواف النافذة. يمكن وضع الفيديو على النحو التالي:

  • أعلى اليمين
  • أعلى اليسار
  • أسفل اليمين
  • أسفل اليسار
  • مركز اليمين
  • يسار الوسط

تباعد الفيديو

يمكنك تغيير التباعد من الحافة للتحكم في التباعد حول الفيديو. سيتم تطبيق التباعد وفقًا للمحاذاة اللاصقة المحددة.

على سبيل المثال، بالنسبة للمحاذاة السفلية اليسرى، سيتم تطبيق التباعد فقط من الحواف السفلية واليسرى للفيديو.

حجم الخلفية ونمطها

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

شريط المعلومات

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

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

إدارة الفيديو الثابت على الأجهزة المستجيبة

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

اسحب في أي مكان على الشاشة

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

ملاحظة : لا تدعم الأجهزة المحمولة ومحرر الواجهة الخلفية لـ Elementor وظيفة السحب.

زر الإغلاق

يمكنك تمكين/تعطيل زر الإغلاق للفيديو اللاصق. هناك أيضًا عناصر تحكم متاحة لإدارة نمط زر الإغلاق.

خاتمة

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

احمد

المشاركات الأخيرة

كيفية استخدام الرؤوس والتذييلات مع Elementor

تعد رؤوس وتذييلات موقع الويب عناصر أساسية. في معظم الحالات، يوفر الرأس إمكانية التنقل...

6 يناير 2022

مقارنة سمات WordPress: Astra vs OceanWP

اثنان من سمات WordPress الأكثر شيوعًا في السوق هما Astra وOceanWP. احترافي…

2 يناير 2022

مقارنة موضوع أخبار WordPress: Newspaper vs. Astra

إن إنشاء موقع إخباري ممتاز لا يتطلب منك أن تصبح مصمم ويب. نحن…

25 أكتوبر 2021

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

يعد موضوع Newspaper واحدًا من أهم سمات WordPress التي صممها tagDiv، وهو…

18 أكتوبر 2021

كيفية إنشاء تجارة إلكترونية باستخدام Avada WooCommerce builder

عندما يتعلق الأمر بإنشاء متجر عبر الإنترنت، فإن WooCommerce هو plugin المناسب. هو - هي…

4 أكتوبر 2021

كيفية استخدام تأثيرات الرأس والتمرير اللاصقة مع Elementor

عادةً ما يكون العنوان هو أول ما يراه الشخص عند زيارته لموقع الويب الخاص بك،...

21 سبتمبر 2021