بلوجرنصائح و أفكار

اجعل مقاطع الفيديو المضمنة في بلوجر و ووردبريس متجاوبة مع الشاشات الذكية

اجعل مقاطع الفيديو المضمنة في بلوجر و ووردبريس متجاوبة

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

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

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

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

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

كيفية دمج WordPress مع YouTube

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

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

تضمين فيديوهات Blogger مع Youtube

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

ندخل إلى قالب المدونة و نبحث عن هذا الكود:

]]></b:skin>

ونظع فوقه هذا الكود بدون تغيير أي شيء ثم حفظ:

/*——start youtube responsive arabes1.com——*/ .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .entry-content img, .entry-content iframe, .entry-content object, .entry-content embed { max-width: 100%;} /*——end youtube responsive arabes1.com——*/

بعد ذلك و في كل مقالة تريد مشاركة فيديو معين عليها يجب عليك تطبيق ما يلي:

في مشاركة جديدة و بعد إختيار المكان المناسب للفيديو قم بالدهاب إلى HTML الخاص بالمقالة أو بالموضوع قم بإضافة هذا الكود:

<div class=”video-container”> رابط مشاركة الفيديو </div>

و في مكان (رابط مشاهذة الفيديو) ضع رابط الفيديو الذي يوجد في المشاركات في موقع اليوتيوب.

شاهد الشرح بالتدقيق عبر هذا الفيديو

آفاق للمعلوميات

محمد النابوسي مغربي الجنسية من مدينة خريبكة عمرى 46 سنة محب للتدوين مهتم جدا بمجال التكنولوجيا والمعلوميات هدفي هو الارتقاء بالمحتوى العربى، مؤسس مدونة آفاق للمعلوميات .

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

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

زر الذهاب إلى الأعلى