فيديو الخلفية لـ WordPress: قم بإضافته بطريقتين مختلفتين

نشرت: 2023-07-25

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

إذا طلبت الخطوات المباشرة لإضافة فيديو خلفية WordPress ، إذن-

  • إنشاء منشور / تحرير أي وظيفة موجودة
  • إضافة كتلة الغطاء
  • قم الآن بإضافة الفيديو عن طريق تحميله أو من مكتبة الوسائط
  • أخيرًا ، قم بتخصيصه

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

لذا ، دعنا نستكشف كيفية إضافة خلفية فيديو في WordPress.

فيديو الخلفية لـ WordPress: كيفية الإضافة باستخدام محرر القوالب الافتراضي

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

الخطوة 1: تسجيل الدخول وإنشاء منشور / صفحة

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

add new page
أضف صفحة جديدة

الخطوة 2: قم بإضافة قالب الغلاف

الآن انقر فوق الزر "+" لإضافة كتلة جديدة. ثم في مربع البحث ، اكتب "الغلاف" ، وسترى رمز كتلة الغلاف. ستبدو مثل الصورة التالية.

add cover block
إضافة كتلة الغطاء

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

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

upload video
رفع فيديو

لذا انقر الآن على أي منها واختر الفيديو الذي تريد استخدامه كفيديو لخلفية WordPress.

select video to upload
حدد الفيديو للتحميل

الخطوة 4: تخصيص كل شيء

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

إضافة تسمية توضيحية للكتلة

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

add text
إضافة تعليق

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

  • الفقرة / العنوان
  • لون الخط
  • حجم الخط
  • منتقي النقطة البؤرية

هذا كل شيء. لقد انتهيت من دمج فيديو الخلفية على WordPress.

أضف نمطًا إلى الفيديو

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

style the video
نمط الفيديو
  • اللون (خالص ومتدرج)
  • تراكب التعتيم
  • الطباعة
  • الحد الأدنى لارتفاع الغطاء

قم الآن بدمج النمط وفقًا للتفضيلات الشخصية. لقد أضفنا للتو نصوصًا بأحجام وألوان مختلفة وقمنا بمواءمتها وفقًا لذلك. هذا هو الإخراج النهائي لفيديو الخلفية لـ WordPress بواسطة Gutenberg.

final output of video background

فيديو الخلفية لـ WordPress: كيفية الإضافة باستخدام PostX

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

الخطوة 1: تثبيت المنشور وتنشيطه

أولاً ، تحتاج إلى تثبيت وتفعيل مكون PostX الإضافي على موقع WordPress الخاص بك. للقيام بذلك ، انقر فوق المؤشر الموجود في قسم "المكونات الإضافية" في لوحة معلومات WordPress الخاصة بك ، ثم انقر فوق "إضافة جديد".

Installing PostX
قم بتثبيت PostX

بعد ذلك ، ابحث عن "PostX". بمجرد العثور على المكون الإضافي ، انقر فوق "تثبيت الآن" ثم "تنشيط".

احصل على PostX Pro لفتح جميع الميزات المثيرة وإنشاء مواقع ويب مذهلة

الخطوة 2: إنشاء منشور جديد أو تحرير منشور موجود

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

add new page
أضف صفحة جديدة

الخطوة 3: أضف كتلة الصف / العمود

الآن تمامًا مثل السابق ، انقر فوق الزر "+" لإضافة كتلة جديدة. ثم في مربع البحث ، اكتب "صف" ، وستجد رمز كتلة صف / عمود PostX.

add row column block
إضافة كتلة العمود الصف

ملحوظة: قد ترى كتلتين مختلفتين باسم Row. لا ترتبك. أحدهما من المحرر الافتراضي والآخر من PostX. ما عليك سوى اتباع الصورة أعلاه وتحديد كتلة الصف / العمود المقترحة.

الخطوة 4: اختر التخطيط

بعد النقر فوق كتلة الصف ، سترى عشرة تخطيطات مختلفة مثل "100" ، "50:50" ، "50:25:25" ، إلخ. اختر أيًا منها وفقًا لاحتياجاتك.

choose layout
اختر التخطيط

دعنا نذهب مع تخطيط 100: 00: انقر فوقه.

الخطوة 5: انقر فوق الخلفية والغلاف

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

ليس لديك أي عمل الآن مع الكتلة المضمنة. بدلاً من ذلك ، تتمثل مهمتك الرئيسية الآن في كتلة الصف. انقر الآن على الزر "حظر" (ستجده أسفل زر النشر مباشرةً.)

background and wrapper setting
إعداد الخلفية والغلاف

ثم سترى الكثير من الخيارات لتخصيص الصف. ومع ذلك ، فإن مهمتنا الرئيسية هي إضافة فيديو خلفية WordPress. لذا ابحث عن الخيار "Background and Wrapper" داخل "Block Button" ثم انقر فوقه. إذا لم تتمكن من العثور عليه ، فقط تحقق من الصورة أدناه.

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

انقر الآن على الزر ، وستجد 4 خيارات ضمن خيار الخلفية - صلب ، وتدرج ، وصورة ، وفيديو. هناك ، حدد "فيديو".

click on video option
انقر فوق خيار الفيديو

ملاحظة: عندما تستخدم PostX ، لا يمكنك تحميل مقطع فيديو مباشرة. سيكون عليك مشاركة عنوان URL للفيديو. في معظم الحالات ، يكون أكثر فائدة.

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

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

الآن تمامًا كما أدخلت رابط فيديو YouTube ، أدخل رابط الفيديو المستضاف ذاتيًا في مربع عنوان URL الافتراضي للفيديو.

add video url
إضافة رابط الفيديو

[ملاحظة: تأكد من أن عنوان URL للفيديو المستضاف متاح للجمهور ، وإلا فلن يتمكن أي شخص من مشاهدة الفيديو.]

الخطوة 7: تخصيص إعدادات الفيديو

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

adjust start and end time
ضبط وقت البدء والانتهاء

لديك أيضًا خيار تمكين "حلقة الفيديو" أو تعطيلها وتعيين "صورة الفيديو الاحتياطية".

enable video loop
تفعيل حلقة الفيديو

الخطوة 8: أضف عناصر إلى الكتلة الداخلية

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

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

customize the row
تخصيص الصف

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

دليل عملي لتخصيص خلفية فيديو ووردبريس

سنقوم الآن بإنشاء فيديو خلفية بسيط يعرض خدمة السياحة.

الخطوة 1: اتبع الخطوات السابقة وأضف الفيديو

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

الخطوة 2: أضف العنوان إلى الكتلة الحالية

الآن اخترنا تخطيط 100: 00. هناك يمكنك إضافة عنصر واحد. نحن نضيف كتلة "العنوان".

add heading block
إضافة كتلة عنوان

بعد إضافة كتلة العنوان ، أضف سطر الوصف / الخدمة التي تريد إظهارها في العنوان.

الخطوة 3: أضف فقرة تحت العنوان

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

add custom text
إضافة نص مخصص

الخطوة 4: إضافة أزرار CTA

الآن باتباع نفس الطريقة ، بعد الانتهاء من كتلة الفقرة ، اضغط على زر الإدخال ، وستظهر كتلة جديدة. أضف الآن "مجموعة الأزرار" بواسطة PostX.

add cta button
إضافة زر cta

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

اكتمل الآن إنشاء فيديو الخلفية. دعونا نرى الناتج النهائي.

final output of background video

إرشادات لإضافة خلفية الفيديو في ووردبريس

فيما يلي بعض الإرشادات الموصى بها لإضافة خلفية فيديو إلى موقع WordPress الخاص بك:

قم بتحسين أحجام الملفات دون التضحية بالدقة

يمكن أن تؤدي مقاطع الفيديو والصور الكبيرة إلى إبطاء أداء موقعك ، لذا من المهم العثور على ملف

التوازن بين حجم الملف والدقة عند ضغط مقاطع الفيديو الخاصة بك.

استخدم مقاطع الفيديو باعتدال

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

قم بتضمين دعوة للعمل

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

تجنب التشغيل التلقائي مع الصوت

قد يكون تشغيل الصوت تلقائيًا عندما يزور شخص ما موقع الويب الخاص بك أمرًا مزعجًا ومزعجًا. من الأفضل تجنب التشغيل التلقائي للصوت تمامًا.

توفير خيار لتشغيل الصوت

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

ضع في اعتبارك التسميات التوضيحية المغلقة

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

استضف مقاطع الفيديو خارجيًا

لضمان الأداء الأمثل ، ضع في اعتبارك استخدام منصات استضافة الفيديو الخارجية مثل Vimeo أو YouTube. تم تصميم هذه الأنظمة الأساسية خصيصًا لاستضافة الفيديو والبث المباشر.

التزم بالتنسيقات والقرارات الموصى بها

عند تحميل مقاطع الفيديو ، استخدم تنسيق MP4 بدقة 720 بكسل كحد أدنى. تأكد أيضًا من تشفير مقاطع الفيديو باستخدام برنامج الترميز h264 ، حيث يوفر جودة وتوافقًا جيدًا.

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

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

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

احصل على PostX Pro لفتح جميع الميزات المثيرة وإنشاء مواقع ويب مذهلة

مثل هذا المقال؟ انشر الكلمة
  • Use Gutenberg Blocks in Beaver Builder

    تكامل PostX Beaver Builder: استخدم كتل Gutenberg في Beaver Builder

  • WooCommerce Product Variations

    كيفية إنشاء أشكال مختلفة من منتجات WooCommerce

  • PostX 2.4.9 update

    PostX 2.4.9: ما الجديد!

  • WordPress Menu Customization in 2022 WordPress Theme

    تخصيص قائمة ووردبريس في قالب اثنان وعشرون