اذهب إلى المحتوى

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

محرر المكونات

وفر محرر المكونات Block Editor منذ إصدار ووردبريس 5.0 طريقة أبسط لتضمين المحتوى على موقع ووردبريس حيث كل ما عليك فعله مع مكون التضمين هو نسخ الرابط ولصقه ضمن المكون.

001_wordpress_tumblr_embed.png

يوجد عدة خيارات تخصيص لكل مكون مُعين وتستطيع العثور على تعليمات كل مكون في الجدول التالي أو من خلال قائمة بجميع المكونات الأساسية.

ما هي المواقع التي أستطيع التضمين منها؟

هنالك الكثير من المواقع التي تدعمها عملية التضمين نذكر أشهرها في الجدول التالي:

 

الخدمة المكون نوع التضمين منذ الإصدار
معاينة أمازون كيندل الفورية مكون Amazon Kindle مقطع فيديو 4.9
Cloudup مكون Cloudup مقطع فيديو ومجموعات صور وصور 4.4
Crowdsignal مكون Crowdsignal استبيانات 3.0
فيسبوك قرر فيسبوك إيقاف oEmbed منشور ونشاط وصورة وفيديو ووسائط وسؤال وملاحظة 4.7
فليكر مكون Flickr مقاطع فيديو وصور 2.9
انستغرام قرر فيسبوك إيقاف oEmbed صور 3.5
Issuu مكون Issuu وثائق 4.0
Kickstarter مكون KickStarter مشاريع 4.2
SlideShare مكون SlideShare عروض تقديمية 3.5
TED مكون TED مقطع فيديو 4.0
Twitter مكون تويتر تغريدة وملف شخصي وقائمة وإعجابات 3.4
يوتيوب مكون يوتيوب مقطع فيديو 2.9

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

ملاحظات:

  • تويتر: يوجد مشكلة في الإصدارات القديمة من ووردبريس مع تضمينات https حيث عليك إزالة s من https لحل المشكلة.
  • يوتيوب: تستطيع تضمين المقاطع العامة والغير مدرجة أما الخاصة لا يُمكن تضمينها.
  • Tumble: يستطيع التعرف على المنشورات ضمن name.tumblr.com/post/etc دون الصور في name.tumblr.com/image
  • فيسبوك: بسبب قرار فيسبوك في إغلاق واجهة oEmbed لتضمين روابط فيسبوك وانستقرام، لن يعمل المكون بعد تاريخ 24/10/2020، لذا على الناشرين الراغبين في تضمين روابط فيسبوك وانستقرام ضمن مواقعهم الحصول على حساب مطور ومعرف appid مع توفير token للتوثيق عند استدعاء الواجهة البرمجية endpoint.

إضافة النوافذ الضمنية في موقع ووردبريس

عليك وضع رابط الفيديو أو أي مكون آخر لتضمينه في مقال أو صفحة ضمن مساحة المحتوى، وعليك أن تضعه هذا الرابط في سطر خاص به وليس على شكل رابط قابل للضغط، فعلى سبيل المثال:

اقتباس

ألق نظرة على المقطع التعليمي التالي: https://www.youtube.com/watch?v=y4v8qtXVKUU إنه يتضمن معلومات مفيدة.

سوف يحول ووردبريس هذا الرابط إلى تضمين يوتيوب ويوفر معاينة مباشرة ضمن المحرر المرئي.

يوجد خيار آخر وهو تغليف الرابط بالاختصار embed:

[embed width="123" height="456"]http://www.youtube.com/watch?v=dQw4w9WgXcQ[/embed]

إن فشل ووردبريس في تضمين الرابط سوف يحتوي المقال على رابط تشعبي للرابط السابق.

استخدام oEmbed في تضمين النوافذ الخارجية

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

قد تتساءل، هل يعمل هذا مع أي رابط؟

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

إضافة دعم oEmbed للمواقع وإزالته

إن كان موقع ما يدعم oEmbed عليك استدعاء wp_oembed_add_provider()‎ لإضافة الموقع وصيغة الرابط لقائمة المواقع الداخلية المسموح بها.

أما إن الموقع لا يدعم oEmbed، عليك تسجيل معالج باستخدام wp_embed_register_handler()‎ وتوفير دالة لاستدعائها وتوليد شيفرة HTML.

إن أردت إزالة الدعم عن مواقع تستخدم oEmbed، عليك استدعاء wp_oembed_remove_provider

اكتشاف دعم oEmbed

بدءًا من الإصدار 4.4 ووردبريس يدعم اكتشاف oEmbed لكن يوجد قيود صارمة على نوع المحتوى الذي يمكن تضمينه عن طريق المواقع الغير موجودة ضمن القائمة المسموح لها. يُرشح محتوى مقاطع الفيديو وشيفرة HTML لتسمح فقط ليسمح للروابط والاقتباسات وعناصر iframe والتي تُرشح أيضًا لتمنع إدخال أي محتوى خبيث، بعدها تُعدل شيفرة HTML لتصبح في بيئة معزولة sandboxed ولتطبق عليها قيود أمنية إضافية أيضًا، لكن إن كنت تشعر أنك تملك معرفة كافية ولا تحتاج هذا المستوى من الأمان تستطيع توفير شيفرة HTML غير مُرشحة للمستخدمين (المدراء والمحررين) ليتمكنوا من تضمين من مواقع تتضمن وسوم اكتشاف oEmbed ضمن الترويسة <head>.

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

ترجمة -وبتصرف- للمقال Embeds من موقع ووردبريس.

اقرأ أيضًا


تفاعل الأعضاء

أفضل التعليقات

لا توجد أية تعليقات بعد



انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أضف تعليق

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • أضف...