كيفية تضمين رمز iFrame بسهولة في ووردبريس 2020

كيفية تضمين رمز iFrame بسهولة في ووردبريس 2020

هل تريد تضمين كود iFrame في مقال أو صفحة ووردبريس؟ توفر إطارات IFrame طريقة سهلة لتضمين فيديو أو محتوى آخر على موقعك دون رفعه. تسمح العديد من الأنظمة الأساسية للجهات الخارجية مثل يوتيوب للمستخدمين باستخدام iframe لتضمين محتوى من موقع الويب الخاص بهم.

في هذه المقالة ، سنوضح لك كيفية تضمين رمز i Frame بسهولة في ووردبريس باستخدام طرق متعددة.

ما هو إطار iFrame؟

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

لإضافة إطار i frame ، تحتاج إلى إضافة كود HTML خاص. لا تقلق إذا كان هذا يبدو تقنيًا تمامًا.

سنعرض لك أسهل طريقة لتضمين iFrame في مدونة ووردبريس الخاصة بك.

لماذا أستخدم iFrames؟

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

هناك أيضًا بعض عيوب استخدام إطارات iFrames. لا تسمح لك كل مواقع الويب بوضع محتواها في إطار i Frame. أيضًا ، قد ينتهي الأمر بإطار iFrame كبيرًا أو صغيرًا جدًا لصفحتك ، وستحتاج إلى تعديله يدويًا ، هناك مشكلة أخرى تتمثل في أن مواقع HTTPS يمكنها فقط استخدام إطارات iFrame للمحتوى من مواقع HTTPS الأخرى. وبالمثل ، يمكن لمواقع HTTP فقط استخدام إطارات i Frames للمحتوى من مواقع HTTP الأخرى.

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

هام: ووردبريس لا يدعم oEmbed لمشاركات Facebook و Instagram.

بعد قولي هذا ، دعنا نلقي نظرة على ثلاث طرق مختلفة لإضافة إطارات i  Frames إلى موقعك.

1. استخدم كود التضمين الخاص بالمصدر لإضافة إطار i Frame في ووردبريس :

تحتوي العديد من المواقع الكبيرة على خيار تضمين لمحتواها. يمنحك هذا رمز i Frame الخاص الذي تحتاج إلى إضافته إلى موقعك ، على YouTube ، يمكنك الحصول على هذا الرمز من خلال الانتقال إلى الفيديو على YouTube ، ثم النقر فوق الزر “مشاركة” الموجود أسفله.

iFrame

بعد ذلك ، سترى نافذة منبثقة بها العديد من خيارات المشاركة. ما عليك سوى النقر فوق الزر “تضمين”.

i Frame

الآن ، سيعرض لك YouTube رمز iFrame. بشكل افتراضي ، سيتضمن YouTube عناصر تحكم المشغل. نوصي أيضًا بتمكين الوضع المحسّن للخصوصية.

بعد ذلك ، امض قدمًا وانقر على زر نسخ لنسخ الرمز.

تفاصيل الاضافة

 

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

ثم أضف كتلة HTML إلى صفحتك.(محرر الكتل )

html في الووردبريس

الآن ، تحتاج إلى لصق رمز YouTube iFrame في هذه الكتلة.
Capture 8

يمكنك بعد ذلك معاينة صفحتك أو نشرها لمشاهدة فيديو YouTube مضمنًا هناك.

نصيحة: إذا كنت تستخدم المحرر الكلاسيكي القديم ، فلا يزال بإمكانك إضافة كود i Frame. تحتاج إلى القيام بذلك في عرض النص.
يمكن أن يتسبب التبديل بين العرض المرئي والنص في المحرر الكلاسيكي في حدوث مشكلات في كود iFrame.

2. استخدام إضافة i Frame ووردبريس لتضمين إطار iFrame

هذه الطريقة مفيدة لأنها تتيح لك إنشاء إطار i frame لتضمين محتوى من أي مصدر ، حتى إذا كان هذا المصدر لا يوفر شفرة تضمين.

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

كود قصير ووردبريس

بعد ذلك ، يمكنك استخدام هذا الرمز القصير لإدخال رمز i Frame الخاص بك.

[iframe src=”URL goes here”]

ما عليك سوى استبدال عنوان URL الموجود هنا بعنوان URL الخاص بالمحتوى الذي تريد تضمينه على موقعك. نحن نقوم بتضمين خريطة جوجل.

نصيحة: قد تحتاج إلى استخدام خيار التضمين للحصول على عنوان URL المباشر للمحتوى. تحتاج إلى استخدام عنوان URL فقط ، وليس بقية كود التضمين.

بعد ذلك ، قم بمعاينة أو نشر مقالك. يجب أن تشاهد خريطة Google مضمنة في موقعك.

خرائط جوجل

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

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

3. إنشاء كود iFrame يدويًا وتضمينه في ووردبريس :

إذا كنت تفضل عدم استخدام إضافة i Frame  ، فيمكنك إنشاء كود i Frame يدويًا. للقيام بذلك ، تحتاج إلى إضافة كتلة HTML في محرر محتوى ووردبريس.

أولاً ، تحتاج إلى لصق هذا الرمز في كتلة HTML الخاصة بك.
<iframe src=”URL goes here”></iframe>

ما عليك سوى استبدال “URL goes here” بعنوان URL المباشر للمحتوى الذي تريد تضمينه. ما عليك سوى عنوان URL نفسه.

هنا ، نقوم بتضمين خريطة من جوجل.

iFrame

Similar Posts