The Complete Beaver Builder + Swarmify Guide لاستضافة الفيديو

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

يعمل Beaver Builder على تشغيل أكثر من مليون موقع ويب ، وهو منشئ صفحات السحب والإفلات الشهير بين مستخدمي WordPress.

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

على سبيل المثال ، حصلت على الصفحة التالية في أقل من خمس دقائق:

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

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

في الماضي ، قمنا بتغطية منشئي الصفحات الآخرين مثل Divi و Elementor و Brizy و Webflow. يرجى مراجعة الأدلة كلما استطعت :)

اليوم ، نعرض لك بالضبط كيفية استخدام Beaver Builder و Swarmify لتقديم تجارب فيديو سريعة وخالية من التوقف واحترافية على موقع الويب الخاص بك.

بدون مزيد من اللغط ، دعونا نبدأ لأن هناك الكثير لنتعلمه.

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

قبل أي شيء ، دعونا نتعلم المزيد عن Beaver Builder من أجل الموقت الأول بيننا.

يعتبر Beaver Builder منشئ صفحات WordPress المتميز. تساعدك الأداة على إنشاء صفحات WordPress سريعة الاستجابة بصريًا.

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

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

أكبر الأسماء في WordPress تحبها وتثق في Beaver Builder:

أفضل جزء في Beaver Builder هو حقيقة أنه سهل الاستخدام بشكل ملحوظ لدرجة أنك ستنشئ مواقع WordPress في غضون ساعات وليس أيام.

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

الميزات ، كما تقول؟

نعم ، يتميز Beaver Builder بالميزات التالية:

• تصميم سريع الاستجابة بنسبة 100٪ مما يعني أن صفحاتك ستبدو رائعة عبر أجهزة متعددة
• Beaver Builder Theme Framework لجميع مشاريع WordPress الخاصة بك
• العشرات من القوالب المعدة مسبقًا لإنشاء صفحات مقصودة وصفحات رئيسية وصفحات محتوى وما إلى ذلك.
• Beaver Builder سحب وإسقاط باني الصفحة
• Oodles لكتل ​​المحتوى لإضافة نصوص وصور وأزرار وعناوين ومقاطع فيديو وما إلى ذلك.
• الكثير من أدوات WordPress ، بما في ذلك أداة SmartVideo
• الاعدادات العامة
• تخصيص HTML و CSS وجافا سكريبت إذا لزم الأمر
• اختصارات لوحة المفاتيح
• وظيفة Beaver Themer الإضافية لتخصيص كل جزء من موقع الويب الخاص بك ، بما في ذلك الرؤوس والتذييلات
• السيطرة الكاملة على تصميم موقع الويب الخاص بك
• متوافق مع مجموعة واسعة من سمات WordPress
• نسخة مجانية متاحة كمكوِّن إضافي على WordPress.org
• دعم من الطراز العالمي
• متعدد المواقع قادر
• وضع العلامات البيضاء
• إلى آخره

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

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

الآن بعد أن أصبحنا جميعًا على نفس الصفحة ، دعنا ننتقل إلى Swarmify's SmartVideo.

ما هو Swarmify SmartVideo؟

Swarmify هي شركة لتسريع الفيديو تركز على توفير بث بجودة Netflix للجميع في حزمة بسيطة. تعمل منصة SmartVideo الخاصة بنا على تبسيط جميع الأجزاء المتحركة المعقدة والمكلفة التي تحيط بنشر الفيديو.

يتعامل SmartVideo تلقائيًا مع تحميل وتشفير واستضافة وتسليم مقاطع الفيديو الخاصة بك بغض النظر عن مكان تخزينها ، سواء كان ذلك على YouTube أو Dropbox أو Amazon S3 أو Google Cloud وما إلى ذلك.

لماذا Swarmify SmartVideo؟

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

بفضل حل التوصيل الذي نقدمه ، يمكنك تقديم مقاطع فيديو أسرع 12 مرة من متوسط ​​اللاعبين في الصناعة . تساعدك منصة التسليم نفسها أيضًا على تقليل حالات التوقف بمقدار 8 أضعاف .

"تم إطلاق Swarmify SmartVideo في مايو 2017. لقد شهدنا نموًا هائلاً كل شهر. تدرك المزيد من الشركات التكلفة الفعلية لاستخدام YouTube. قبل SmartVideo ، كان الحل الذي نقدمه متاحًا فقط لشركات المؤسسات الكبيرة الحجم. في المجمل ، احتفلنا مؤخرًا ببث أكثر من خمسمائة مليون مقطع فيديو "، كما قال ناثان بارنيت ، الرئيس التنفيذي لشركة Swarmify. "إذا تم تحميل موقع الويب الخاص بك بسرعة ، ولكن تحميل الفيديو الخاص بك كان بطيئًا ، فستظل تفقد هذا العميل." المصدر: YourStory.com

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

فيما يلي بعض الميزات التي تجعل SmartVideo أفضل منصة لتسريع الفيديو.

• مشغل فيديو نظيف وخالي من الإلهاء - يفسد موقع YouTube والأنظمة الأساسية الأخرى مشغلهم بروابط لامتصاص حركة المرور الخاصة بك. مشغل SmartVideo نظيف وقابل للتخصيص وخالي من التسربات.
• تحويلات YouTube و Vimeo التلقائية - إذا كنت تستخدم بالفعل مقاطع فيديو YouTube أو Vimeo على موقع Beaver Builder الخاص بك ، فسيقوم SmartVideo تلقائيًا بتحويل جميع مقاطع الفيديو بمجرد تثبيت المكون الإضافي WordPress الخاص بنا.
• محسّن على كل جهاز ، مما يعني أنه يمكن مشاهدة مقاطع الفيديو الخاصة بك على أي جهاز ومتصفح.
• عرض النطاق الترددي والتخزين غير محدود
• تشغيل سريع وخالٍ من المخزن المؤقت ومقاوم للتوقف
• الدعم المستمر المقدم من قبل المطورين الموهوبين والوديين
• هيكل تسعير بسيط بدون عقود مشبوهة
• تحليلات مشاركة الفيديو
• CDN عالمي للفيديو لتقديم مقاطع فيديو فائقة السرعة للمستخدمين بغض النظر عن مكان وجودهم في العالم
• إلخ.

Swarmify SmartVideo هو مغير اللعبة في مجال تسريع الفيديو. نجلب الكثير من الخبرة في العمل والخبرة إلى الطاولة.

إلى جانب ذلك ، يعد تثبيت SmartVideo على موقع Beaver Builder الخاص بك أمرًا سهلاً للغاية ، كما ستتعلم في القسم التالي. ولكن إذا واجهتك مشكلة في أي وقت ، فيمكنك دائمًا الاتصال بنا :) يسعدنا دائمًا تقديم المساعدة.

التحرك بسرعة ، دعنا نثبت SmartVideo على موقع Beaver Builder الخاص بك.

ملاحظة: في القسم التالي ، ستحتاج إلى حساب Swarmify نشط. لا تملك حسابا حتى الآن؟ قم بإنشاء واحدة اليوم واستفد من خصمك الحصري بنسبة 50٪.

كيفية دمج Swarmify SmartVideo مع موقع Beaver Builder على الويب

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

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

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

بعد ذلك ، قم بتنشيط المكون الإضافي:

لم نصل إلى هناك بعد - حان الوقت لربط موقع الويب الخاص بك بحساب Swarmify الخاص بك.

كيف؟

انقر فوق SmartVideo في قائمة مسؤول WordPress الخاصة بك ، كما نبرز أدناه.

في لوحة معلومات SmartVideo ، انقر فوق الزر Configure (تكوين):

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

ولكن لتوفير المشكلة ، قم بتسجيل الدخول بسرعة إلى حساب Swarmify الخاص بك وانسخ مفتاح Swarm CDN في الأعلى:

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

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

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

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

يؤدي القيام بذلك إلى صفحة الإعدادات التالية.

دعونا نستعرض كل قسم بإيجاز. لقد قمت بترقيم الأقسام بشكل مناسب من أجل راحتك.

(1) في الجزء العلوي ، لديك خيار تشغيل SmartVideo أو إيقاف تشغيله. من الواضح أنك تريد إبقاء SmartVideo ممكّنًا دائمًا لضمان أفضل أداء.

(2) الخيارات الأساسية

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

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

أدناه لدينا ...

(3) خيارات متقدمة

عند تحميل صفحة الإعدادات ، يتم طي قسم الخيارات المتقدمة . انقر فوق العنوان لتحميل القسم الذي يقدم لك الخيارات التالية.

• تبديل طريقة التخطيط البديلة بين تشغيل أو إيقاف - يكون هذا الخيار مفيدًا إذا واجهت مشاكل في تغيير حجم الفيديو أو ملء الشاشة. ضع علامة في خانة الاختيار.
• تبديل تسريع التحميل أو إيقاف تشغيله - إذا كنت تواجه مشاكل في تحميلات الفيديو ، فقم بتشغيل هذا الخيار.
• (خطة Pro فقط) تعيين علامة مائية - هنا ، يمكنك تعيين صورة أو شعار كعلامة مائية لمشغل الفيديو. يعد هذا أمرًا رائعًا لأغراض العلامة التجارية ، لذا استخدم أفضل صورة / شعار لك.
• (خطة احترافية فقط) إضافة عنوان URL للإعلان VAST - هنا هو المكان الذي تُدخل فيه عنوان URL لإعلانك إذا كنت تتطلع إلى استثمار مقاطع الفيديو الخاصة بك بإعلانات من AdSense و DFP و SpotX وما إلى ذلك.

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

مع هذا بعيدًا ، دعنا نضيف مقطع فيديو ذكيًا إلى صفحة Beaver Builder الخاصة بك.

كيفية إضافة SmartVideo إلى صفحة Beaver Builder

أنا أستخدم نفس الصفحة التي عرضتها عليك سابقًا لأغراض التوضيح. سأقوم باستبدال الصورة المحددة في الأعلى بـ SmartVideo:

لقد اقترضت مقطع فيديو SpaceX Launches من قناة SpaceX على YouTube. إنه نفس الفيديو في العرض التوضيحي الخاص بنا (يرجى التحقق من ذلك).

ملاحظة: إذا كان YouTube هو المصدر الخاص بك ، فتأكد من استخدام رابط التضمين (على سبيل المثال ، https://www.youtube.com/embed/gmJgW-yMAIg ) بدلاً من رابط المشاهدة المباشر (على سبيل المثال ، https: // www. youtube.com/watch؟v=gmJgW-yMAIg ).

للعثور على رابط التضمين ، انتقل إلى أسفل الفيديو وانقر فوق الزر " مشاركة ":

بعد ذلك ، انقر فوق الزر Embed ، كما هو موضح أدناه.

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

نرى؟ لم يكن ذلك صعبًا للغاية.

ملحوظة: شيء آخر ، إذا كنت تحصل على مقاطع فيديو من قناتك على YouTube وتم تعيين مقاطع الفيديو الخاصة بك على " خاصة " ، فقم بتغييرها إلى " غير مدرج ".

بهذه الديباجة ، دعونا نمضي قدما.

افتح صفحتك في Beaver Builder:

نظرًا لأنني أستبدل الصورة ، يجب أن أحذفها أولاً بالنقر فوق رمز الإزالة مثل:

مما يترك لي عمودًا فارغًا:

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

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

بعد ذلك ، قم بسحب وإسقاط كتلة محتوى SmartVideo حيث تريد وضع الفيديو:

يؤدي سحب وإسقاط وحدة SmartVideo إلى إظهار المربع الصغير الجميل الموضح أدناه.

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

بعد ذلك ، انقر فوق مصدر الفيديو ، واختر YouTube ، والصق كود التضمين الخاص بك ، واضغط على حفظ ، بهذا الترتيب:

لطيف - جيد. يمكنك بالفعل رؤية زر التشغيل السداسي الأصفر ومشغل الفيديو حتى قبل النقر فوق حفظ.

انقر فوق تم في الجزء العلوي ثم نشر :

نصيحة للمحترفين : يمكنك حفظ المسودة إذا كنت لا تزال تعمل على الصفحة.

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

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

لكنها تبدو صغيرة بشكل غريب ، ولكن هذا لأنني لم أغير عرض العمود الخاص بي في Beaver Builder. يمكنك تغيير عرض العمود وتحريك الأشياء حتى تحصل على الحجم الصحيح.

لقد لعبت بعرض عمودي وقمت بتحرير بعض المحتويات ، وهذا ما حصلت عليه "

ليس سيئًا. الأكبر هو الأفضل بعد كل شيء :)

الآن دعونا نتحدث عن الخيارات الأساسية والمتقدمة التي ذكرناها قبل ثانية. أنت تعرف؟ عندما كنا نضيف الفيديو وظهر هذا الصندوق الصغير الجميل؟

انقر داخل وحدة محتوى SmartVideo داخل Beaver Builder:

يؤدي القيام بذلك إلى الخيارات التالية ، حيث يمكنك رؤية الخيارات الأساسية والمتقدمة:

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

هذا ما اعنيه. انطلق وانقر على الخيارات الأساسية ، والتي تقودك إلى هنا:

فقط انظر إلى ذلك! العديد من الخيارات للتحكم في الأشياء مثل عرض مشغل الفيديو والارتفاع وتشغيل الفيديو المضمّن (رائع لمتصفح Safari OS) والتصميم سريع الاستجابة.

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

ثم لديك علامة التبويب خيارات متقدمة ، والتي تبدو كالتالي:

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

مرة أخرى ، كما هو الحال دائمًا ، لا تنس حفظ تغييراتك عند الانتهاء.

افكار اخيرة

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

لكنها ليست مصممة لتحسين الفيديو أو حتى التسريع ؛ إنه مجرد منشئ صفحات. هذا هو المكان الذي يأتي فيه حل Swarmify SmartVideo. نحن نساعدك على تقديم تجارب فيديو سريعة واحترافية على مواقع ويب Beaver Builder الخاصة بك.

كل ذلك بدون التكاليف الباهظة والقيود والتحديات الفنية التي تأتي مع معظم مضيفي الفيديو.

هل تركنا أي شيء؟ تواصل معنا في أي وقت وسنكون سعداء بالمحادثة.