الدليل الكامل لاستخدام SmartVideo مع Divi Builder لاستضافة فيديو WordPress

بالنسبة لمستخدمي Divi Builder ، يوفر لك SmartVideo الأداة التي تحتاجها لتوفير تجربة تشغيل فيديو حديثة واحترافية وأصلية على موقع الويب الخاص بك.

نحن نعيش في عصر سمات WordPress القوية وبناة الصفحات التي تساعدك على إنشاء أي موقع ويب تحت الشمس. أحد هذه السمات ومنشئ الصفحات المرئية هو Divi Builder بواسطة الأشخاص الرائعين في Elegant Themes.

إذا كنت مستخدمًا محلفًا لـ Divi Builder ، فستحب منشور اليوم. في غضون بضع دقائق ، سنوضح لك بالضبط كيفية استخدام Swarmify's SmartVideo جنبًا إلى جنب مع Divi Builder.

الآن لست مضطرًا إلى استخدام Vimeo أو مشغلات الفيديو المحملة بالارتباط على موقع YouTube على موقعك. نحن نقدم لك مشغل فيديو خالٍ من الفوضى يبدو مذهلاً تمامًا على موقع الويب الخاص بك الذي يعمل بنظام Divi.

ما هي الفوائد المباشرة؟

• لا يحتوي مشغل فيديو SmartVideo على علامات تجارية لجهات خارجية (مرحبًا ، YouTube) وروابط تعمل على التخلص من حركة المرور التي تعمل بجد لتوجيهها إلى موقعك. الآن ، يمكنك تمييز مشغلات الفيديو الخاصة بك بهذا الشكل والمظهر الحاد والمهني :)
• تتيح لك تقنية Video CDN و EdgeAI الخاصة بنا تقديم مقاطع فيديو فائقة السرعة وخالية من المخزن المؤقت وخالية من الأخطاء لزوار موقعك على الويب بغض النظر عن مكان وجودهم في العالم. سوف يشكرك المستخدمون.
• نحن نستخدم نفس البنية التحتية العملاقة المتدفقة مثل Netflix و Hulu التي تستخدمها لأننا ملتزمون تمامًا بمهمتنا. نتيجة لذلك ، تستمتع بمقاطع الفيديو التي يتم بدء تشغيلها على الفور وبدون توقف والتي تساعدك على الاحتفاظ بمزيد من الزوار وزيادة إيراداتك.
• يعمل حل تشفير الفيديو لدينا ، مما يعني أن زوار موقعك على الويب يستمتعون بتشغيل الفيديو عالي الجودة بغض النظر عن الجهاز الذي يستخدمونه. قل وداعًا لمقاطع الفيديو البسيطة التي تبدو مروعة على الشاشات ودرجات الدقة المختلفة.
• وأكثر من ذلك بكثير ، كما ستتعلم لاحقًا في المقالة :)

في الوقت الحالي ، دعنا نتعلم المزيد عن Divi Builder وكيفية دمجه مع SmartVideo.

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

ما هو ديفي بيلدر؟

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

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

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

يأتي Divi مع الكثير من الميزات الرائعة بما في ذلك:

• أكثر من 40 عنصرًا من عناصر موقع الويب مثل أزرار الحث على اتخاذ إجراء ، والمعارض ، والنماذج ، والمدونات ، والمتزلجون ، والشهادات ، إلخ.
• 800+ تصميم مسبق الصنع في مجالات مختلفة مثل الأعمال والتجارة الإلكترونية والتكنولوجيا والصحة وما إلى ذلك.
• تحكم كامل في التصميم
• تصميم سريع الاستجابة 100٪ مع إعدادات إضافية لجميع أنواع الأجهزة
• تحكم CSS مخصص
• مكتبة كبيرة من التأثيرات والانتقالات والأنماط
• مليون وخيار تصميم واحد
• وأكثر من ذلك بكثير!

أفضل جزء هو عند شراء Divi ، يمكنك الوصول إلى سمات WordPress والمكونات الإضافية الأخرى. تضم السمات الأنيقة أكثر من 700 ألف عميل ، لذا فأنت في أيد أمينة.

"Divi هي الملك عندما يتعلق الأمر بسهولة تصميم الويب. ما كان يستغرق أسبوعًا يستغرق بضع ساعات والآن نحن جميعًا في هدفنا الشخصي لتحويل جميع مواقع الويب الخاصة بعملائنا إلى Divi." - سكوت لورانس

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

ومع ذلك ، ما هو SmartVideo؟

ما هو Swarmify SmartVideo؟

للوافدين الجدد ، Swarmify هي خدمة تسريع فيديو رائدة أطلقناها في عام 2013 بعد أيام من التطوير والاختبار الصارمين.

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

نحن متحمسون لما نقوم به ونعمل بلا كلل لنقدم لك مقاطع فيديو يتم تحميلها على الفور دون تخزين مؤقت كما هو معتاد في العديد من مواقع استضافة الفيديو مثل YouTube و Wistia و Vimeo.

يضمن لك Swarmify تشغيل أسرع للفيديو بمعدل 12 ضعفًا وتخزينًا مؤقتًا أقل بمقدار 8 مرات من متوسط ​​مشغلات الفيديو في السوق. نحن نركز فقط على تسريع مقاطع الفيديو ، ونحن جيدون فيها :)

بغض النظر عن المكونات الوقحة ، من السهل جدًا دمج Swarmify مع العديد من منصات إنشاء مواقع الويب بما في ذلك WordPress و Shopify و Squarespace وغيرها.

بينما يمكنك تضمين مشغل فيديو SmartVideo على موقع WordPress الخاص بك يدويًا ، يمكنك توفير الوقت باستخدام المكون الإضافي SmartVideo WordPress الخاص بنا.

البرنامج المساعد سهل التثبيت والإعداد على موقع WordPress + Divi Builder الخاص بك. ستقدم تجارب فيديو سريعة وعالية الجودة للزائرين في أقل من 10 دقائق!

مع هذه المعلومات الأساسية ، نحن الآن جاهزون للجزء الممتع. في القسم التالي ، ستتعلم كيفية استخدام Swarmify مع Divi Builder. بمعنى آخر ، نوضح لك كيفية إضافة مقطع فيديو إلى تخطيط Divi Builder النموذجي.

كيفية استخدام Swarmify SmartVideo مع Divi Builder

بالنسبة للقسم التالي ، تحتاج إلى تثبيت وتنشيط كل من SmartVideo WordPress plugin و Divi. يعد تثبيت وتفعيل SmartVideo أو Divi من الأمور التي يتعلّق بها طلاب الصف الرابع ولا نتوقع أن تواجه أي مشاكل.

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

أنيق جدا ، أليس كذلك؟ ما سأفعله هو إضافة فيديو SmartVideo أسفل العنوان الرئيسي مباشرةً ، والذي يقرأ " وكالة تصميم الويب ذات الخدمة الكاملة ". انظر الصورة أعلاه.

لنبدأ!

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

افتح الصفحة في المحرر كالمعتاد. لبدء تحرير الصفحة أعلاه في Divi Builder ، ما عليك سوى النقر فوق الزر Edit With The Divi Builder ، كما نبرز أدناه.

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

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

عند تحريك الماوس فوق القسم ، تظهر خيارات التحرير. ما عليك سوى النقر فوق رمز الإضافة (+) لإضافة وحدة نمطية جديدة:

يؤدي القيام بذلك إلى فتح نافذة منبثقة تتيح لك إضافة وحدة Divi جديدة:

بعد ذلك ، اكتب "SmartVideo" في مربع البحث ، وانقر فوق SmartVideo ، كما هو موضح أدناه.

بعد ذلك ، حان الوقت لتهيئة الفيديو الخاص بك باستخدام علامة التبويب إعدادات SmartVideo . كما ترى في الصورة أدناه ، هناك الكثير من الخيارات المتاحة لك:

في إعدادات SmartVideo ، يمكنك:

• اختر مصدر الفيديو - يمكن أن يكون مكتبة وسائط WordPress أو YouTube أو Vimeo أو أي مصدر آخر ( ملاحظة : إذا تم تعيين فيديو YouTube على خاص ، فقم بتغييره إلى غير مدرج بدلاً من ذلك)
• تغيير عرض وارتفاع الفيديو الخاص بك
• قم بتعيين ملصق مخصص لمقطع الفيديو الخاص بك (يتم تعيين SmartVideo افتراضيًا على الإطار الأول من الفيديو الخاص بك إذا لم تختر صورة ملصق مخصصة)
• قم بتبديل خيارات التشغيل / الإيقاف مثل التشغيل التلقائي والتكرار والكتم
• قم بالتبديل بين خيارات التشغيل / الإيقاف مثل عناصر التحكم في الفيديو والتصميم سريع الاستجابة وتشغيل الفيديو المضمّن لمتصفح iOS Safari
• تحكم في تصميم الفيديو الخاص بك باستخدام خيارات Divi ، والتي تشمل الحدود ، والتحجيم ، والتباعد ، والمرشحات ، وتظليل الصندوق ، والرسوم المتحركة وأكثر من ذلك بكثير :)

بمجرد الانتهاء ، انقر ببساطة على زر حفظ ، كما هو موضح بالتفصيل أدناه:

لا تنس حفظ التغييرات في Divi Visual Builder بعد ذلك:

الآن إذا استعرضنا نموذج الموقع الخاص بنا في الواجهة الأمامية ، فسنرى مشغل فيديو SmartVideo الجديد جاهزًا لموسيقى الروك:

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

بسيطة مثل A ، B ، C!

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

إلى جانب ذلك ، يمكنك تخصيص مشغل فيديو SmartVideo بالكامل ليلائم نمط موقع الويب الخاص بك.

ماذا بعد؟

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

تأكد من تشغيل تحسين الخلفية ومقاطع الفيديو الموجودة في إعدادات SmartVideo.

كيف؟

في لوحة تحكم مسؤول WordPress ، انتقل إلى SmartVideo> الإعدادات . بعد ذلك ، قم بتبديل "تحسين الخلفية" ومقاطع الفيديو الحالية :

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

وهذا كل شيء - سيقوم SmartVideo بتحويل جميع مقاطع الفيديو الموجودة تلقائيًا.

هذا صحيح؛ ليس عليك أن تفعل أي شيء آخر :)

كيفية تخصيص SmartVideo Video Player

قبل أن نصل إلى النهاية ، دعنا نغطي بعض الخيارات لتخصيص مشغل فيديو SmartVideo.

تغيير شكل ولون مشغل الفيديو

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

في لوحة تحكم مسؤول WordPress ، انقر فوق SmartVideo:

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

في شاشة الإعدادات ، قم بالتمرير لأسفل وستجد أقسامًا تسمح بتغيير شكل ولون زر التشغيل:

فيما يلي المزيد من الملاحظات حول لقطة الشاشة أعلاه.

1. لتغيير شكل زر المشغل ، اختر افتراضي أو مستطيل أو دائرة من القائمة المنسدلة.
2. اختر لونًا مخصصًا لزر المشغل.
3. انقر فوق زر حفظ الإعدادات لحفظ التغييرات.

يمكنك الآن الاستمتاع بزر المشغل المخصص حديثًا :)

المزيد من الخيارات المتقدمة

يأتي SmartVideo مع المزيد من الخيارات لإضافة تسميات توضيحية مغلقة من مصادر YouTube ، والتبديل بين تشغيل / إيقاف تسريع التحميل ، والتبديل إلى التنسيقات البديلة ، وإضافة علامة مائية مخصصة ، وتحقيق الدخل من مقاطع الفيديو الخاصة بك من خلال الإعلانات.

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

لبدء تشغيل المزيد من الخيارات ، قم بالتمرير لأسفل وانقر فوق " خيارات متقدمة " ، كما نبرز أدناه.

ضمن قسم الخيارات المتقدمة ، لديك الخيارات التالية:

1. قم بتبديل طريقة التخطيط البديلة أو إيقاف تشغيلها ، مما يساعدك إذا كنت تواجه مشكلات في تغيير حجم الفيديو أو ملء الشاشة.
2. قم بتبديل أو إيقاف تشغيل تسريع التحميل إذا كنت تواجه مشكلة في التحميلات.
3. قم بتعيين علامة مائية / شعار مخصص على مشغل الفيديو الخاص بك.
4. أضف عنوان URL للإعلان VAST ، حتى تتمكن من بيع الإعلانات من Adsense و Spotx و DFP وما إلى ذلك.

نصيحة للمحترفين: تذكر دائمًا أن تنقر على زر حفظ الإعدادات في الأسفل لحفظ تغييراتك.

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

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

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

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

Divi + SmartVideo هي تركيبة رابحة. بين يديك ، لديك الآن السرد المثالي لإنشاء مواقع الويب بسرعة وتقديم تجارب فيديو لا مثيل لها لزوار موقع الويب الخاص بك ، أو عملاء تصميم الويب.

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

دعونا نعرف كيف ستسير الامور. بناء سعيد!