كيفية إدراج مقطع فيديو YouTube كمؤهلات ملء الشاشة في WordPress

نشرت: 2023-06-10


هل تبحث عن طريقة لتضمين مقاطع فيديو YouTube كخلفيات ملء الشاشة في WordPress؟

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

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

How to add YouTube video as fullscreen background in WordPress

لماذا استخدام فيديو يوتيوب كسجل تتبع ملء الشاشة؟

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

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

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

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

تم الإبلاغ عن ذلك ، دعنا نرى كيف يمكنك إضافة فيلم YouTube كسجل ملء الشاشة على موقع الويب الخاص بـ WordPress.

كيفية تضمين فيديو YouTube على الإنترنت كسجل تتبع بملء الشاشة في WordPress

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

An example of a YouTube video background in WordPress

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

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

في النافذة المنبثقة التي تظهر ، ابدأ في كتابة "Background AWB". عندما تظهر الكتلة المناسبة ، امنحها نقرة لزيادة حجمها إلى موقع الويب.

How to add a fullscreen video to a WordPress blog post or page

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

بالنظر إلى أنك تريد إدراج مقطع فيديو على YouTube ، انقر فوق علامة التبويب "فيديو".

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

مع الإبلاغ المتبقي ، اختر علامة التبويب "YouTube / الفيديو".

How to add a YouTube video as a fullscreen background in WordPress

الآن ، ستحتاج إلى عنوان URL لفيلم YouTube الذي تريد استخدامه على موقع مدونة WordPress الخاص بك.

في علامة تبويب جديدة ، توجه فقط إلى مقطع الفيديو وانسخ الارتباط التشعبي في شريط العنوان.

Getting the URL for a YouTube video

بأداء ذلك ، قم بالتغيير مرة أخرى إلى لوحة معلومات WordPress الخاصة بك والصق عنوان URL في علامة التبويب "عنوان URL للفيديو".

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

How to customize a YouTube background video in WordPress

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

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

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

Showing a YouTube background on mobile devices

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

خيار آخر هو المشاركة في جزء مميز من الفيلم عن طريق كتابة الأوقات الصحيحة في حاويات "وقت البدء" و "وقت الانتهاء".

How to add a YouTube background video to a website

يمكنك أيضًا إيقاف تشغيل الفيديو في حلقة عن طريق تعطيل زر التبديل "Loop".

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

عندما تقوم بدمج الفيديو في البداية ، يتم عرضه بتعتيم 100٪ ، لذلك يبدو أنه جيد.

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

Changing the opacity settings for a YouTube video

إذا جربت التعتيم ، فقد ترغب أيضًا في التحقق من إضافة تراكب ملون.

ما عليك سوى النقر فوق لتنمية جزء "لون التراكب" ثم استخدام التكوينات لإنتاج تراكبات ملونة مختلفة.

Adding an overlay to a video background

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

للنظر في نتائج اختلاف المنظر المميزة ، ما عليك سوى النقر لتوسيع جزء "Parallax" ثم اختيار بديل من القائمة المنسدلة.

Adding parallax effects to a WordPress website

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

وبالمثل ، يمكنك تجربة العديد من نتائج اختلاف المنظر بالماوس ، والتي تحث الخلفية على التمرير الإضافي ببطء ولكن بثبات عندما يحرك العميل الماوس.

لاختيار نظرة سريعة على هذه التكوينات ، انقر فوق لتوسيع قسم "Mouse Parallax".

Adding mouse parallax effects to a background video

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

للبدء ، انقر فوق رمز "+" في منتصف مجموعة المؤهلات (AWB).

Adding blocks to a YouTube background video

هذا يفتح نافذة منبثقة حيث يمكنك اختيار الكتلة التي تريد إدراجها. يعمل المكوِّن الإضافي لخلفيات WordPress الأكثر حداثة مع جميع كتل WordPress التقليدية ، بحيث يمكنك تضمين أي مقالات تريدها.

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

Adding a RafflePress giveaway block to a video background

ما عليك سوى الاستمرار في تكرار هذه الطريقة لتطوير تصميم الصفحة أو موقع الويب.

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

An example of a YouTube video background in WordPress

المكافأة: كيفية إدراج موجز فيديو YouTube في WordPress

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

هذا هو المكان الذي سيأتي فيه Smash Balloon.

يعد Smash Balloon YouTube Feed Professional أكبر مكون إضافي لمعرض YouTube في السوق. يعرض على الفور جميع مقاطع الفيديو الأحدث من قناتك على YouTube ، بحيث يرى الناس بشكل عام أحدث المواد.

Embedding a YouTube playlist using Smash Balloon

أنشئ فقط موجزًا ​​على YouTube باستخدام محرر Smash Balloon المريح ، ثم أدخله في أي صفحة أو منشور يستخدم رمزًا قصيرًا محتملًا أو كتلة البرنامج المساعد المصممة بالكامل.

يمكنك أيضًا استخدام Smash Balloon لتضمين قوائم تشغيل YouTube والمفضلة والبث المباشر على موقع الويب الخاص بـ WordPress.

Creating a YouTube feed using the Smash Balloon social media plugin

أعظم ما في Smash Balloon هو أنه لا يبطئ موقعك. ستعمل ميزة التخزين المؤقت على YouTube المضمنة في المكون الإضافي على التأكد تمامًا من أن موقعك يتم تحميله بسرعة ، وهو أمر جيد لتحسين محرك البحث.

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

إذا كنت تفضل هذه المقالة ، فتأكد من الاشتراك في قناتنا على YouTube لدروس الفيديو عبر الإنترنت لـ WordPress. يمكنك أيضًا تحديد موقعنا على Twitter و Facebook.