الرئيسيةإدارة المحتوىإضافة مقطع فيديو في ووردبريس

إضافة مقطع فيديو في ووردبريس

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

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

إذا كنت تخطط لبناء موقع ووردبريس مخصص للمقالات مع إمكانية إضافة بعض مقاطع الفيديو ضمن التدوينة، فطريقة “التضمين” (Embed) ستساعدك بسهولة على هذا الأمر.

أولاً- التضمين من “يوتيوب” YouTube:

1- افتح ملف الفيديو

2- اضغط على رابط “مشاركة” أسفل عنوان الفيديو. (الرقم 1 في الصورة)

3- ستظهر مجموعة خيارات للمشاركة. انقر على رابط “تضمين” Embed (الرقم 2 في الصورة)

4- سيظهر لك كود التضمين  (الرقم 3 في الصورة) يمكنك نسخه وإلصافه في محرر نصوص ووردبريس كما سنشرح لاحقاً.

5- يمكن إظهار خيارات إضافية للتضمين من خلال الضغط على رابط “عرض المزيد” (الرقم 4 في الصورة)

video01

تتضمن الخيارات الإضافية إمكانية التحكم بحجم الفيديو وإظهار وإخفاء الفيديوهات المتعلقة وإظهار وإخفاء عناصر التحكم بالمشغل وإظهار وإخفاء عنوان الفيديو.

video02

ثانياً- التضمين من”فيميو” Vimeo :

1- افتح ملف الفيديو.

2- اضغط على زر المشاركة share (الرقم 1 في الصورة)

3- ستظهر لك نافذة المشاركة  وتتضمن كود التضمين Embed (الرقم 2 في الصورة) يمكنك نسخه ولصقه في محرر نصوص ووردبريس كما سنشرح لاحقاً.

4- يمكنك الضغط على رابط الخيارات Show options (الرقم 3 في الصورة) لعرض خيارات إضافية لعملية التضمين.

video03

تتضمن الخيارات الإضافية إمكانية التحكم بحجم ولون نافذة عرض الفيديو – تفعيل التشغيل التلقائي – إعادة التشغيل التلقائي للفيديو بعد انتهاء العرض (Loop ) – خيارات إظهار النص والوصف على الفيديو.

video04

ثالثاً: إضافة كود التضمين في ووردبريس:

يمكن إضافة كود تضمين يوتيوب أو فيميو السابق ضمن أي مقال أو صفحة في ووردبريس.

عند إنشاء مقالة أو صفحة جديدة أو تعديل مقالة أو صفحة موجودة،وضمن محرر النصوص اضغط على خيار “نص” لتحرير المقال في الشيفرة المصدرية HTML للمقال.

ألصق كود التضمين في المكان المناسب:

video05

انتقل إلى وضع “مرئي” لمتابعة تحرير المقالة أو الصفحة في الوضع المتطور:

video06

 

مدرسة زاد – زاهر هاشم

مقالات ذات صلة

2 تعليقات

ترك الرد

من فضلك ادخل تعليقك
من فضلك ادخل اسمك هنا

أحدث الدروس

احدث التعليقات