غير متأكد من كيفية تضمين الفيديو في ووردبريس؟
تعد إضافة محتوى الفيديو إلى موقعك طريقة رائعة لتحسين الوقت والوقت الذي يقضيه موقعك في الصفحة ، مما قد يكون له فوائد غير مباشرة لتحسين محركات البحث لديك. لا يقتصر تضمين الفيديو على جعل محركات البحث مثل Google سعيدة ، على الرغم من أن استخدام الفيديو يمكن أن يساعدك أيضًا في التواصل مع زوارك ونقلهم إلى العمل.
لحسن الحظ ، يتضمن ووردبريس الكثير من الأدوات والطرق التي يمكنك استخدامها لتضمين مقاطع الفيديو في المحتوى الخاص بك.
في هذا المنشور ، سنغطي أكبر عدد ممكن منها. سواء كنت تستخدم محرر Block (Gutenberg) أو المحرر الكلاسيكي أوالعنصر، سنوضح لك كيفية تضمين مقاطع فيديو من YouTube و Vimeo والخادم الخاص بك والعديد من الطرق الأخرى. سنشارك أيضًا بعض النصائح الأخرى ، مثل كيفية تضمين مقاطع فيديو خاصة لن يتمكن المشاهدون من مشاركتها.
بغض النظر عن السيناريو الذي تعمل فيه ، يجب أن يكون لديك المعرفة التي تحتاجها بنهاية هذا المنشور.
أدناه ، سنتعرف على جميع الطرق المختلفة التي يمكنك من خلالها إدراج ملفات الفيديو في مواقع ووردبريس باستخدام مجموعة متنوعة من الطرق المختلفة.
للتأكد من أن هذا دليل شامل ، سنغطي كل خيار بالتفصيل ، مما يعني أنه سيكون هناك بعض التداخل بين الأقسام. على سبيل المثال ، عندما نوضح لك كيفية تضمين مقاطع فيديو في Elementor ، سنستخدم YouTube كمثال.
دعونا نحفر …
إذا كنت تستخدم محرر ووردبريس Block ، AKA Gutenberg ، فإنه يأتي مع كتل مضمنة لمساعدتك في تضمين مقاطع الفيديو من مصادر مختلفة. سنوضح لك كيف تعمل هذه الكتل مع YouTube ، لكن نفس الإجراءات الأساسية تنطبق على خدمات الفيديو الأخرى.
للبدء ، تحتاج إلى إضافة كتلة YouTube حيث تريد تضمين الفيديو الخاص بك:
ووردبريس يوتيوب بلوك
ثم الصق عنوان URL المباشر للفيديو (المنسوخ من شريط عنوان المتصفح) وانقر فوق ” تضمين” . يجب أن تشاهد بعد ذلك معاينة مباشرة للفيديو الخاص بك في المحرر:
خيار التضمين في كتلة youtube
يأتي محرر Block مع كتل مخصصة لتضمين الفيديو للخدمات التالية:
موقع يوتيوب
فيميو
انيموتو
ديلي موشن
سكرينكاست
تيك توك
فيديو
ووردبريس.tv
إذا كنت لا تستخدم محرر ووردبريس Block الجديد ، فلا يزال بإمكانك تضمين مقاطع الفيديو بسهولة باستخدام محرر Classic TinyMCE.
يشتمل المحرر الكلاسيكي على نفس عمليات الدمج المضمنة مثل محرر Block الجديد – فهو لا يجعلها واضحة لأنه لا يحتوي على “كتلة” لكل مصدر.
لاستخدام تكاملات التضمين هذه ، كل ما عليك فعله هو لصق عنوان URL المباشر إلى علامة التبويب المرئية في المحرر الكلاسيكي. بعد ذلك ، سيقوم ووردبريس بتضمين الفيديو تلقائيًا نيابة عنك.
على سبيل المثال ، لتضمين فيديو YouTube في ووردبريس ، عليك أولاً نسخ الرابط المباشر للفيديو من شريط عنوان المتصفح. بعد ذلك ، قم فقط بلصق عنوان URL للفيديو في المحرر وسيقوم ووردبريس بالباقي – إليك صورة GIF توضح لك كيفية عملها:
يقرأ المقالات المتعلقة بتعليمات HTML البرمجية على مدونتنا للحصول على أفضل النصائح حول إنشاء محتوى الويب.
صورة gif من تضمين الفيديو
يمكنك استخدام نفس الأسلوب مع الأنظمة الأساسية الأخرى مثل Vimeo و DailyMotion وما إلى ذلك.
يتضمن Elementor أداة الفيديو الخاصة بها تجعل من السهل جدًا تضمين مقاطع الفيديو في المحتوى الخاص بك.
للبدء ، أضف أداة الفيديو إلى المكان الذي تريد تضمين الفيديو فيه في المحتوى الخاص بك. ثم اختر المصدر من بين أربعة خيارات:
موقع يوتيوب
فيميو
ديلي موشن
الاستضافة الذاتية
بمجرد تحديد اختيارك ، كل ما عليك فعله هو لصق رابط الفيديو. اذا كنت تمتلكإليمينتور برو، تستطيع ايضا استخذام ميزة المحتوى الديناميكي لإدراج رابط فيديو ديناميكيًا من حقل مخصص.
ثم قم بتكوين الإعدادات الأخرى وفقًا لتفضيلاتك. على سبيل المثال ، يمكنك تشغيل الفيديو تلقائيًا وتعطيل عناصر التحكم في المشغل والمزيد.
عنصر واجهة مستخدم الفيديو
لتحسين الأداء ، يمكنك استخدام ميزة Image Overlay لإظهار صورة ثابتة وتحميل الفيديو كسول. سينتظر هذا تحميل الفيديو حتى يتفاعل معه المستخدم ، وهو ما سيفعلتسريع أوقات تحميل موقعك.
مع إليمينتور برو، يمكنك أيضًا الوصول إلى أداة Media Carousel، والذي يتيح لك إنشاء دوارات / منزلقات تتضمن مقاطع فيديو مضمنة من YouTube أو Vimeo. في إعدادات عنصر واجهة المستخدم ، اختر Video لنوع الشريحة و:
أضف صورة مصغرة.
أدخل رابط فيديو YouTube أو Vimeo في مربع رابط الفيديو .
عنصر واجهة وسائط الإعلام الدائري
مع إضافات طرف ثالث Elementor، يمكنك أيضًا الوصول إلى عناصر واجهة مستخدم إضافية لمساعدتك في العمل مع مقاطع الفيديو في Elementor. على سبيل المثال ، تمنحك Ultimate Addons for Elementor ملفًا جديدًاأداة معرض الفيديو القابلة للتصفية.
بناء موقع أفضل باستخدام Elementor
في الأمثلة أعلاه ، تعلمت بالفعل كيف يمكنك تضمين مقاطع فيديو فردية على YouTube في محرر ووردبريس Block ، والمحرر الكلاسيكي ، و Elementor. إذا كنت تريد فقط تضمين مقطع فيديو واحد ، فننصحك باستخدام هذه الطرق.
في هذا القسم ، سنذهب إلى أبعد من ذلك قليلاً ونوضح لك كيفية تضمين قائمة تشغيل على YouTube أو حتى قناة YouTube.
لتضمين هذه الأنواع من محتوى YouTube ، ستحتاج إلى مساعدة مكون ووردبريس YouTube الإضافي. الخيار الأكثر شيوعًا هوالبرنامج المساعد المجاني Embed Plus.
بمجرد تثبيت البرنامج المساعد وتنشيطه ، سيعطيك دليل الإعداد لمساعدتك على البدء:
بعد ذلك ، يمكنك استخدام المكون الإضافي في أماكن متعددة على موقعك:
محرر الحظر – ستحصل على كتلة معالج YouTube جديدة.
المحرر الكلاسيكي – ستحصل على زر YouTube جديد بجوار زر إضافة وسائط يساعدك في إنشاء رمز قصير.
الحاجيات – ستحصل على خيار YouTube جديد في أداة النص الأصلية.
على سبيل المثال ، إليك ما يبدو عليه في محرر Block عندما تفتح إعدادات الكتلة:
إذا كنت تريد تضمين مقاطع الفيديو في ملف الشريط الجانبي لـ ووردبريس، يحتوي ووردبريس على عنصر واجهة مستخدم أصلي لمساعدتك.
انتقل إلى Appearance → Widgets وأضف أداة الفيديو . بعد ذلك ، انقر فوق إضافة فيديو لتحديد الفيديو الذي تريد تضمينه:
لتضمين مقطع فيديو من YouTube أو Vimeo أو مصادر خارجية أخرى ، حدد خيار إدراج من عنوان URL . ثم الصق عنوان URL المباشر للفيديو:
بمجرد النقر فوق Add to Widget ، يجب أن تشاهد معاينة حية للفيديو في عنصر واجهة المستخدم. لإجراء اختيارات إضافية ، انقر فوق الزر ” تحرير الفيديو” لفتح نافذة منبثقة أخرى مع بعض الإعدادات الإضافية:
حتى الآن ، ركزنا على توضيح كيفية تضمين مقاطع فيديو YouTube في ووردبريس. ومع ذلك ، يمكنك استخدام هذه الأساليب نفسها لتضمين مقاطع فيديو من مصادر أخرى مثل Vimeo و DailyMotion وما إلى ذلك.
على سبيل المثال ، لتضمين فيديو Vimeo في ووردبريس ، يمكنك:
أضف كتلة Vimeo في محرر Block والصق عنوان URL.
الصق عنوان URL في علامة التبويب المرئية في المحرر الكلاسيكي.
إليك مثال على فيديو Vimeo باستخدام كتلة Vimeo :
إذا كنت ترغب في تضمين مقطع فيديو من مصدر لا يحتوي ووردبريس على تكامل مباشر له ، مثل Hulu ، فقد تحتاج إلى استخدام كود التضمين iframe.
تمنحك معظم مشغلات الفيديو خيارًا للعثور على رمز تضمين HTML عند مشاركة مقطع فيديو – إليك ما يبدو عليه في YouTube:
يمكنك بعد ذلك إضافة رمز تضمين HTML هذا إلى كتلة HTML مخصصة في محرر الكتلة:
أو ، إذا كنت تستخدم المحرر الكلاسيكي ، فيمكنك لصقه في علامة تبويب النص في المحرر.
حتى الآن ، ركزنا بشكل أساسي على تضمين مقاطع فيديو من مصادر خارجية ، مثل YouTube أو Vimeo. ومع ذلك ، يتيح لك ووردبريس أيضًا استضافة مقاطع الفيديو على الخادم الخاص بك وتضمينها بهذه الطريقة. يتضمن ووردبريس أيضًا مشغل الفيديو الأساسي الخاص به.
ومع ذلك ، هناك تحذير. في معظم الحالات ، لا نوصي بالقيام بذلك بهذه الطريقة. ستستهلك الاستضافة الذاتية لمقاطع الفيديو الخاصة بك الكثير من النطاق الترددي والتخزين. بالإضافة إلى ذلك ، من الصعب التعامل مع جميع التفاصيل الفنية مثل تشفير الفيديو ودرجات الدقة المختلفة. تتعامل مواقع مثل YouTube و Vimeo مع كل هذه الأشياء التقنية نيابة عنك ، لكنك ستكون مسؤولاً عنها إذا حاولت استضافة مقاطع الفيديو بنفسك. شون في WP101 لديهمنشور جيد يشرح السبب عادةً لا تكون مقاطع الفيديو ذاتية الاستضافة حلاً رائعًا.
ومع ذلك ، قد يكون هناك موقف لا تزال تجد فيه أن الاستضافة الذاتية لمقاطع الفيديو هي أفضل رهان لك.
أولاً ، تحتاج إلى تحميل ملف الفيديو إلى مكتبة وسائط ووردبريس الخاصة بك ( Media → Add New ). بعد ذلك ، إليك كيفية تضمينها:
أضف مقطع فيديو جديدًا وحدد ملف الفيديو من مكتبة الوسائط الخاصة بك. في الشريط الجانبي Block الجانبي ، ستحصل على بعض الخيارات الإضافية للتحكم في كيفية عمل الفيديو الخاص بك:
منظف CSS هي أداة مجانية رائعة عبر الإنترنت لرعاية العلامات القذرة الخاصة بك.
انقر فوق الزر Add Media وأدخل ملف الفيديو تمامًا كما تفعل مع الصورة. إذا قمت بتحديد معاينة الفيديو والنقر فوق رمز القلم الرصاص ، فستحصل على بعض الإعدادات الإضافية:
أضف أداة الفيديو واختر Self Hosted للمصدر. بعد ذلك ، يمكنك تحديد ملف الفيديو من مكتبة الوسائط الخاصة بك. ستحصل أيضًا على خيارات إضافية للتحكم في الفيديو ، تمامًا مثلما تحصل عليه مع مقاطع فيديو YouTube:
إذا كانت لديك ملفات كبيرة بشكل خاص ، فإن البديل المتقدم لاستضافتها في مكتبة الوسائط الخاصة بك هو استضافتها في نوع من تخزين الكائنات السحابية مثل أمازون S3 أو مساحات DigitalOcean. يمكن أن يوفر لك هذا غالبًا الكثير من المال مقابل استضافتها على خادم موقع ووردبريس الخاص بك.
إذا كنت تقوم بإنشاء مواقع عضوية أو دورات عبر الإنترنت ، فقد تبحث عن حل للتأكد من أن مقاطع الفيديو التي تقوم بتضمينها خاصة. أي أن الزائرين لن يتمكنوا من مشاركة الفيديو المضمن مع الأشخاص الذين لا ينبغي أن يكون لديهم حق الوصول.
تتمثل الخطوة الأولى في جعل الصفحة التي تقوم بتضمين الفيديو بها خاصة. لدينا هنا بعض البرامج التعليمية التي يمكن أن تساعدك:
كيفية إنشاء موقع عضوية ووردبريس
كيفية تقييد المحتوى على مواقع Elementor
ومع ذلك ، على الرغم من أن الصفحة نفسها خاصة ، فلا يوجد ما يمنع المستخدمين لديك من مشاركة مقاطع الفيديو بأنفسهم. لمنع هذا ، بعض التكتيكات الجيدة التي يجب مراعاتها هي:
فيميو برو – يضيف الإصدار المحترف ضوابط الخصوصية المتقدمةلمنع مشاركة مقاطع الفيديو الخاصة بك. على سبيل المثال ، يمكنك قفل مقاطع الفيديو الخاصة بك على اسم مجال موقع ووردبريس الخاص بك حتى لا تعمل في أي مكان آخر.
S3 ميديا ماستر- يتيح لك هذا المكون الإضافي ووردبريس استضافة مقاطع الفيديو الخاصة بك خارجيًا على Amazon S3. يتيح لك أيضًا حماية مقاطع الفيديو التي تخدمها من S3 بعناوين URL فريدة ومشفرة ومنتهية الصلاحية.
Wistia – مثل Vimeo Pro ، يتيح لك Wistia قفل مقاطع الفيديو الخاصة بك لأسماء نطاقات محددة.
كما قدمنا في البداية ، يعد استخدام محتوى الفيديو على موقع ووردبريس الخاص بك طريقة رائعة لإشراك زوارك وزيادة الوقت الذي يقضونه على موقعك.
باستخدام الاستراتيجيات الواردة في هذا المنشور ، أنت جاهز لبدء تضمين الفيديو اليوم.
بالنسبة لمعظم مواقع الويب ، نوصي بالالتزام بمنصات استضافة الفيديو التابعة لجهات خارجية مثل YouTube أو Vimeo لأنها ستوفر لك المال وتوفر تجربة أفضل لمشاهديك. بالإضافة إلى ذلك ، يعد تضمين مقاطع الفيديو هذه أمرًا بسيطًا. سواء كنت تستخدم محرر Block أو المحرر الكلاسيكي أو Elementor ، كل ما عليك فعله إلى حد كبير هو لصق عنوان URL للفيديو.
