كيفية إضافة خلفية فيديو إلى موقع WordPress

هل تبحث عن أسهل طريقة لإضافة خلفية فيديو WordPress؟

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

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

أفضل الممارسات لإضافة خلفية فيديو WordPress

• حافظ على أحجام الملفات منخفضة ولكن الدقة عالية: لا شيء يعيق أداء موقعك أكثر من مقاطع الفيديو والصور الكبيرة ؛ ومع ذلك ، فمن الأفضل الحفاظ على الدقة أثناء الضغط.
• لا تفرط في ذلك: هناك عدد كبير جدًا من مقاطع الفيديو تشوش على واجهتك ؛ استخدمها فقط لتوضيح نقطة أو لعرض شيء ذي صلة.
• قم بتضمين عبارة تحث المستخدم على اتخاذ إجراء مع معلومات إضافية: لا تترك المشاهدين يريدون المزيد ، ثم انسَ الرابط الذي يؤدي إلى مزيد من التفاصيل.
• تجنب الصوت بأي ثمن: إنه أمر مزعج عندما يريد جميع الأشخاص فقط عرض موقع الويب الخاص بك.
• إذا كان الصوت مطلوبًا ، فلا تقم بتشغيله تلقائيًا: قم بتوفير خيار للمستخدمين لتشغيل الصوت.
• ضع في اعتبارك التسميات التوضيحية المغلقة لمقاطع الفيديو ذات الصوت: لا يمكن للجميع الاستماع إلى الصوت الخاص بك ، سواء كان ذلك بسبب موقعهم أو ضعف السمع.
• الاستضافة خارجيًا: ربما لم يتم تصميم مضيف موقعك لخدمة مقاطع الفيديو ، لذا اختر مواقع مثل Vimeo و YouTube للحفاظ على الأداء ، أو ضع في اعتبارك موقعًا متخصصًا لاستضافة مقاطع الفيديو.
• التزم بأفضل التنسيقات / الدقة: نحن نتحدث بصيغة MP4 فقط ؛ 720 بكسل على الأقل ؛ برنامج الترميز h264.

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

كيفية إضافة خلفية فيديو WordPress

هناك عدة طرق لتنشيط ميزات خلفية الفيديو داخل WordPress.

سنركز على أربعة حلول مختلفة خالية من الأكواد:

1. كتلة الغلاف المدمجة
2. إضافة خلفية / رأس
3. المفضل لديك البرنامج المساعد منشئ الصفحة
4. استخدام نسق يدعم خلفيات الفيديو أو الرؤوس

اتبع الخطوات لكل طريقة أدناه.

الخيار 1: غطاء غلاف مدمج

يقدم محرر WordPress الأصلي ما يسمى بـ Cover block لإدراج صور الخلفية خلف محتوى آخر ، مثل النص والأزرار.

ما لا يدركه العديد من مستخدمي WordPress هو أن Cover block يدعم أيضًا خلفيات الفيديو.

الخطوة 1: أضف كتلة الغلاف

للبدء ، انتقل إلى أي صفحة تريد إضافة الخلفية وإضافة كتلة الغلاف .

الخطوة 2: قم بتحميل الفيديو الخاص بك

بالنسبة للغلاف ، اختر الزر تحميل أو مكتبة الوسائط ، أيهما تنوي استخدامه لإضافة فيديو.

لا تذكر كتلة الغلاف شيئًا عن دعم مقاطع الفيديو ، لذلك عليك فقط التأكد من اختيار مقطع فيديو (مثل MP4) من مكتبة الوسائط . انقر فوق الزر تحديد بمجرد إلغاء تحديد مقطع فيديو.

الخطوة 3: إدراج محتوى متراكب في المقدمة

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

الخطوة 4: قم بتحرير إعدادات الغلاف حسب الحاجة

تشمل إعدادات الغلاف:

• تراكبات الألوان: مثالية لتسهيل قراءة النص
• العتامة: تساعد أيضًا في الكشف عن المحتوى الأمامي
• الحد الأدنى لارتفاع الغلاف: في بعض الأحيان يكون ضروريًا لجعل غطاء خلفية فيديو WordPress مساحة أكبر

الخطوة 5: عرض خلفية فيديو WordPress الخاص بك أثناء العمل

بمجرد الانتهاء من ذلك ، احفظ الصفحة وانتقل إلى الواجهة الأمامية لمشاهدة خلفية فيديو WordPress الخاص بك!

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

هذه هي أفضل المكونات الإضافية لخلفية الفيديو:

️ المفضل لدينا هو البرنامج المساعد Advanced WordPress Backgrounds ؛ سنوضح لك كيفية إضافة خلفية فيديو WordPress باستخدام هذا المكون الإضافي في بضع خطوات فقط.

الخطوة 1: قم بتثبيت AWB وإضافة كتلة المحتوى الخاصة به

للبدء ، قم بتثبيت خلفيات WordPress المتقدمة (AWB).

انتقل إلى الصفحة حيث تريد إضافة فيديو الخلفية.

باستخدام محرر WordPress ، انقر لإضافة كتلة محتوى. ابحث عن مجموعة الخلفية (AWB) وحددها .

الخطوة 2: أضف مقطع الفيديو الخاص بك

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

اختر Video ، ثم الصق عنوان URL للفيديو من YouTube أو Vimeo. كبديل ، يحتوي المكون الإضافي على علامة تبويب ذاتية الاستضافة لتحميل مقاطع الفيديو المحلية.

الخطوة 3: قم بتوسيع ارتفاع وعرض خلفية الفيديو

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

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

الخطوة 4: تعديل إعدادات خلفية فيديو WordPress

اضبط الإعداد الذي تريده في علامة التبويب " الحظر ": وقت البدء ، ووقت الانتهاء ، والتكرار ، والتشغيل دائمًا ، وعتامة الفيديو.

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

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

الخطوة 5: اعرض النتائج

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

الخيار 3: المكون الإضافي المفضل لديك منشئ الصفحة

يقدم معظم منشئي الصفحات ، مثل Elementor و WPBakery و Divi ، ميزات خلفية لإضافة صورة أو خلفية فيديو إلى أي وحدة محتوى تقريبًا.

️ لا تتردد في اختيار منشئ الصفحات الذي تفضله ، لكننا نوصي باستخدام Elementor نظرًا لسهولة استخدامه.

تأكد من تثبيت Elementor أو أي منشئ تنوي استخدامه قبل البدء.

الخطوة 1: افتح صفحة باستخدام محرر Elementor

انتقل إلى Pages على WordPress ، وحدد الصفحة المخصصة كصفحتك الرئيسية . انقر فوق الزر Edit With Elementor .

الخطوة 2: إضافة كتلة محتوى قسم

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

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

الخطوة 3: أدخل خلفية الفيديو الخاص بك

هنا ، سترى منطقة قائمة منسدلة في الخلفية . حدد خيار الفيديو بجوار نوع الخلفية . ثم الصق عنوان URL من YouTube أو Vimeo أو ملفًا محليًا في حقل رابط الفيديو .

الخطوة 4: قم بتحرير إعدادات خلفية الفيديو

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

مرة أخرى ضمن علامة التبويب " النمط " ، ضع في اعتبارك تغيير إعدادات فيديو الخلفية:

• وقت البدء
• وقت النهاية
• العب مرة واحدة
• العب على الهاتف المحمول
• وضع الخصوصية

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

الخطوة 5: اعرض خلفية فيديو WordPress على الواجهة الأمامية

عند الانتهاء ، يتم تشغيل الفيديو خلف كل المحتوى في القسم!

الخيار 4: استخدم سمة WordPress التي تدعم خلفيات / رؤوس الفيديو

توفر سمات WordPress المختلفة إعدادات وسائط رأس الصفحة ، ومنزلق التمرير ، وصفحة كاملة ؛ تتيح لك هذه تحميل صورة أو ملف GIF أو مقطع فيديو لشغل الشاشة بأكملها ، وغالبًا ما تستخدم كرأس لصفحتك الرئيسية.

للعثور على سمات مع ميزات خلفية الفيديو ، ابحث عن "خلفية الفيديو" في الأسواق الشعبية:

️ تأكد من فحص قوائم الميزات ، أو حتى اسأل المطور قبل التنزيل / الشراء ، للتأكد من أن السمة بها وظيفة خلفية الفيديو.

كمثال ، يقدم موضوع Colibri WP خلفيات فيديو.

الخطوة 1: قم بتثبيت وتنشيط السمة

لتنشيط خلفية فيديو ، قم بتثبيت سمة Colibri WP ، ثم انتقل إلى المظهر > إعدادات Colibri > البدء . هنا ، يمكنك تنشيط ميزة Colibri Page Builder.

الخطوة 2: قم بإضافة موقع تجريبي

انقر فوق علامة التبويب مواقع العروض التجريبية واستورد نموذج العرض الذي تختاره.

الخطوة 3: تخصيص صورة البطل

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

الخطوة 4: أضف خلفية فيديو

حدد علامة التبويب " النمط " ، وقم بتبديل الخلفية إلى الفيديو .

أخيرًا ، إما أن تختار YouTube للصق عنوان URL خارجي للفيديو أو Self Hosted لتحميل الفيديو المحلي.

نتيجة لذلك ، سترى خلفية الفيديو قيد الحركة في معاينة Customizer.

ابدأ بخلفية الفيديو المثالية

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

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

لأية أسئلة حول خلفيات فيديو WordPress ، شارك أفكارك في التعليقات أدناه.