كيفية استخدام وحدة Divi Video scrolling

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

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

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

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

املأ مؤشر الفيديو بالمحتوى

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

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

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

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

عناصر

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

غطاء

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

علامة المسؤول

في هذه القائمة المنسدلة ، يمكنك إضافة علامة المسؤول التي ستظهر في أداة إنشاء النهاية الخلفية ، بالإضافة إلى العرض الهيكلي للمنشئ المرئي.

معلمات تصميم وحدة شريط التمرير

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

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

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

إعدادات محتوى الفيديو الفردية

إذا كنت تريد إنشاء إعدادات محددة لشرائح فردية ، فيجب تكوينها في شرائح الفيديو نفسها. ما عليك سوى النقر فوق رمز الترس في تلك الشريحة لفتح إعداداتها الفريدة.

فيديو

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

غطاء

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

إعدادات تصميم الفيديو الفردية

في علامة التبويب تصميم في شريحة الفيديو ، يمكنك تغيير لون سهم الشريحة من فاتح إلى غامق.

هذا كل شيء في هذا البرنامج التعليمي ، وآمل أن يسمح لك باستخدام وحدة تمرير الفيديو على Divi.

[vc_row center_row = "نعم"] [vc_column width = "1/2 ″] [vcex_button target =" blank "layout =" expand "align =" center "font_family =" Raleway "font_weight =" 700 ″ style = "flat" custom_background = ”# 18b69d” custom_hover_background = ”# 118d7a” custom_color = ”# ffffff” custom_hover_color = ”# ffffff” icon_right = ”fa fa-download”] DOWNLOAD DIVI THEME [/ vcex_button] [/ width_column] [= vc_column] / 1 ″] [vcex_button url = ”https://www.elegantthemes.com/affiliates/idevaffiliate.php؟id=2&url=23065&tid40632=tutorials” target = ”blank” layout = ”توسيع” align = ”center” font_family = ”Raleway” font_weight = ”1 ″ style =” flat ”custom_background =” # c700e ”custom_hover_background =” # 4226d8f ”custom_color =” # ffffff ”custom_hover_color =” # ffffff ”icon_right =” fa fa-download ”] تنزيل TEMPLATES DIVI [/ vcex_button] [/ vc_column] [/ vc_row]

كيفية استخدام وحدة Divi Video scrolling

املأ مؤشر الفيديو بالمحتوى