تعد مشاركة المحتوى ممارسة شائعة إلى حد ما. ومع ذلك ، فإن عرض محتوى منشئ محتوى آخر على موقعك له تداعيات قانونية محتملة ، في حين أن استضافة ملفات كبيرة مثل مقاطع الفيديو يمكن أن تضر بأداء موقعك . لحسن الحظ ، توفر إطارات iFrames حلاً بسيطًا لهذه المشكلات.
في هذا المنشور ، سنشرح ماهية إطارات iFrames وكيفية استخدامها مع موقع وورد بريس الخاص بك.
iFrame هي طريقة لتضمين صفحة ويب في محتوى صفحة أخرى. يتم ذلك باستخدام علامات HTML وعنوان URL للصفحة الخارجية والمواصفات المتعلقة بكيفية ظهور النافذة على موقعك.
هناك حالتان تكون فيهما إطارات iFrame مفيدة بشكل عام.
الأول هو عندما ترغب في مشاركة محتوى لا يخصك. في معظم الحالات ، لا يعتبر تضمين المحتوى عبر iFrame انتهاكًا لحقوق الطبع والنشر (انظر أيضًا حكم الاتحاد الأوروبي ). لذلك ، فهي بشكل عام طريقة قانونية وأخلاقية للمشاركة أكثر من معظم الخيارات الأخرى. بالإضافة إلى ذلك ، لا يمكن الوصول إلى الكود الموجود داخل إطار iFrame مباشرةً. هذا يعني أنه لا يمكن لزائر موقعك نسخ المحتوى المضمن ومشاركته في مكان آخر.
السبب الثاني الذي قد يجعلك ترغب في دمج إطارات iFrames هو مشاركة الملفات الكبيرة ، مثل الفيديو أو الصوت أو حتى الصور. يوتيوب هو المثال المثالي هنا.
باستخدام iFrame ، يمكنك عرض محتوى الملف على موقعك دون الحاجة إلى استضافته في مكتبة وسائط وورد بريس الخاصة بك . هذا مهم لأن هذه الأنواع من ملفات الوسائط غالبًا ما تستهلك قدرًا كبيرًا من مساحة التخزين ، وقد تؤدي إلى إبطاء موقعك .
من خلال استضافة مقاطع الفيديو الخاصة بك على نظام أساسي مثل YouTube ثم تضمينها في موقع وورد بريس الخاص بك باستخدام iFrames ، يمكنك تجنب عيوب تحميلها على موقعك مباشرة. ستساعدك هذه التقنية في جعلك عضوًا أكثر أخلاقية في المجتمع عبر الإنترنت والحفاظ على موقعك سريعًا وسهل الاستخدام.
مثلما توجد العديد من السيناريوهات التي قد ترغب في استخدام iFrame فيها ، فهناك طرق متعددة لتنفيذ أحدها. أدناه ، سوف نستكشف ثلاثة من أكثر الطرق شيوعًا لإضافة إطارات iFrames إلى موقع وورد بريس الخاص بك.
الكود الأساسي لإضافة iFrame إلى الصفحة بسيط إلى حد ما. كل ما تحتاجه هو علامات HTML الافتتاحية والختامية وعنوان URL لصفحة الويب التي ترغب في تضمينها:
<iframe src="example.com"></iframe>هناك بعض القيود التي يجب ملاحظتها فيما يتعلق بعنوان URL المصدر. أولاً ، يمكن لـ iFrames فقط عرض المحتوى من المواقع التي تستخدم نفس بروتوكول نقل النص التشعبي الذي تستخدمه . بمعنى آخر ، إذا كان موقعك يستخدم HTTPS ، فيمكنك فقط تضمين محتوى من مواقع HTTPS الأخرى. وبالمثل ، إذا كنت تستخدم HTTP ، فيمكنك فقط تضمين عناوين URL التي تستخدم HTTP أيضًا.
بالإضافة إلى ذلك ، تقوم بعض مواقع الويب الشهيرة – مثل Facebook و YouTube – بتعطيل التضمين اليدوي لـ iFrame. ستؤدي محاولة عرض صفحة من موقع لا يسمح بتضمين iFrame إلى عرض خطأ في نافذتك:
تم تعطيل تضمين iFrame
تم تعطيل تضمين iFrame
إذا كنت قادرًا على استخدام هذه الطريقة ، فمن المهم أن تعرف أنه يمكنك أيضًا تخصيص إطارات iFrame لتلبية احتياجات موقعك. وهنا يأتي دور معلمات iFrame. تتضمن بعض أكثرها شيوعًا ما يلي:
العرض: تتيح لك هذه المعلمة ضبط عرض محدد لـ iFrame بالبكسل.
الارتفاع: مثل معلمة العرض ، يحدد الارتفاع حجم نافذة iFrame على صفحة الويب الخاصة بك بالبكسل.
السماح: باستخدام هذه المعلمة ، يمكنك تعيين سلوكيات أو ميزات افتراضية معينة لإطار iFrame الخاص بك ، مثل العرض بملء الشاشة أو معالجة الدفع.
الأهمية: يمكنك استخدام هذه المعلمة لتحديد وقت تحميل إطار iFrame.
على سبيل المثال ، إليك ما سيبدو عليه الرمز لإطار iFrame بحجم نافذة 900 بكسل × 700 بكسل ، مع تمكين عرض ملء الشاشة ، والذي تم تعيينه للتنزيل بعد باقي صفحة الويب:
<iframe src="example.com" width="900" height="700" allow="fullscreen"></iframe>في الواجهة الأمامية ، هذا ما قد يبدو عليه إطار iFrame:
ووردبريس iframe: الواجهة الأمامية
كيف يبدو إطار iFrame في الواجهة الأمامية
هناك معلمات أخرى قد تفكر في استخدامها أيضًا. ومع ذلك ، يجب أن تمكّنك تلك المذكورة أعلاه من إنشاء إطارات iFrames أساسية لمشاركة مقاطع فيديو YouTube أو محتوى آخر على موقعك.
تفرض بعض المواقع قيودًا على ما إذا كان يمكنك تضمين محتواها يدويًا في إطارات iFrames. قد يؤدي ذلك إلى صعوبة تمييز أنواع معينة من المحتوى ، مثل منشورات Facebook أو مقاطع فيديو YouTube . ومع ذلك ، هذا لا يعني أنه لا يمكنك عرض المحتوى من هذه المصادر في iFrames.
بدلاً من ذلك ، عليك ببساطة الوصول إلى أكواد التضمين اللازمة للقيام بذلك. لنلق نظرة على كيفية عمل هذا في YouTube كمثال. انتقل إلى الفيديو الذي ترغب في تضمينه ، سواء كان لك أو لمنشئ محتوى آخر. أسفل مشغل الفيديو ، سترى زر مشاركة :
وورد بريس iframe: ميزة مشاركة YouTube
ميزة مشاركة يوتيوب
انقر فوق هذا الزر ، وستفتح نافذة تعرض خيارات المشاركة المختلفة المتاحة. واحد منهم هو Embed :
وورد بريس iframe: ميزة تضمين YouTube
ميزة تضمين يوتيوب
عند تحديد خيار التضمين ، سيعرض YouTube مقتطف HTML يمكنك استخدامه لإضافة الفيديو إلى iFrame. يتضمن معلمات iFrame معينة ، والتي يمكنك نسخها واستخدامها إذا كنت ترغب في ذلك. بخلاف ذلك ، يمكنك أيضًا اختيار نسخ عنوان URL المصدر بدلاً من ذلك:
تريد أن تعرف كيف زدنا من حركة المرور لدينا أكثر من 1000 ٪؟
انضم إلى أكثر من 20000 آخرين ممن يتلقون رسائلنا الإخبارية الأسبوعية مع نصائح من الداخل حول وورد بريس!
إشترك الآن
وورد بريس iframe: تضمين التعليمات البرمجية
كود تضمين يوتيوب
عند استخدام رمز التضمين ، سيتم عرض الفيديو في إطار iFrame الخاص بك بدلاً من الخطأ الذي قد تراه إذا حاولت استخدام عنوان URL القياسي.
لإضافته إلى صفحة أو منشور في محرر القوالب ، يمكنك استخدام قالب HTML مخصص :
كتلة HTML مخصصة
تضمين iframe ككتلة HTML مخصصة
في المحرر الكلاسيكي ، ستحتاج إلى التبديل إلى محرر النصوص وإضافة الكود الخاص بك في النقطة ذات الصلة:
وورد بريس iframe في المحرر الكلاسيكي
تضمين iframe على هيئة HTML مخصص في المحرر الكلاسيكي
يجب أن تكون النتيجة إطار iFrame فعالاً:
وورد بريس iframe على الواجهة الأمامية
تمت إضافة iFrame بشكل صحيح في وورد بريس
يمكنك اتباع عملية مماثلة لتضمين منشور Facebook على موقعك. انتقل إلى المنشور الذي تريد مشاركته ، وانقر على أيقونة ثلاثية النقاط في الركن الأيمن العلوي من المنشور:
ووردبريس iframe: Facebook
ميزة تضمين Facebook
ثم حدد خيار التضمين :
هل سئمت من دعم استضافة وورد بريس من المستوى 1 دون الإجابات؟ جرب فريق الدعم العالمي! تحقق من خططنا
حدد ميزة تضمين Facebook
حدد ميزة تضمين Facebook
سيعرض هذا مقتطف HTML يشبه إلى حد كبير مقطع فيديو YouTube الذي نظرنا إليه سابقًا. مرة أخرى ، يعد عنوان URL المصدر أهم جزء في هذه الشفرة ، على الرغم من أنه يمكنك استخدام المعلمات المحددة مسبقًا أيضًا:
كود iframe على Facebook
كود iframe على Facebook
أضف هذا الرمز إلى صفحة الويب الخاصة بك ويجب أن يتم عرض المنشور دون أي مشاكل:
إطار iframe الخاص بـ Facebook مضمن في وورد بريس
إطار iframe الخاص بـ Facebook مضمن في وورد بريس
تقدم العديد من مواقع التواصل الاجتماعي الشهيرة ، بما في ذلك LinkedIn و Instagram و Twitter ، رموزًا مضمنة لمنشوراتهم. ستجد هذا الخيار عادةً في إعدادات كل منشور على حدة.
(قراءة مقترحة: كيفية إصلاح مشكلة Facebook oEmbed في وورد بريس )
بالطبع ، يعمل مطورو وورد بريس دائمًا على تبسيط المهام مثل تضمين إطارات iFrame من خلال استخدام المكونات الإضافية. هناك خياران قد ترغب في التفكير فيهما إذا كان تضمين محتوى خارجي على موقعك أمرًا تخطط للقيام به بشكل متكرر. الحل الأكثر شيوعًا هو المكون الإضافي iFrame :
المكون الإضافي iframe وورد بريس
المكون الإضافي iframe وورد بريس
يمكّنك هذا المكون الإضافي من إضافة إطارات iFrames إلى موقع وورد بريس الخاص بك باستخدام الرموز القصيرة . يمكنك تحديد جميع المعلمات نفسها كما تفعل عند إضافة iFrame يدويًا عبر HTML. ومع ذلك ، لا داعي للقلق بشأن التعامل مع كود صفحاتك مباشرة.
بدلاً من ذلك ، يمكنك أيضًا تجربة المكون الإضافي Advanced iFrame :
البرنامج المساعد المتقدم iFrame وورد بريس
البرنامج المساعد المتقدم iFrame وورد بريس
مرة أخرى ، يتيح لك هذا المكون الإضافي إضافة إطارات iFrames إلى موقعك باستخدام الرموز القصيرة. ومع ذلك ، فإنه يتضمن أيضًا العديد من الميزات الإضافية ، مثل رموز الأمان لمنع المستخدمين الآخرين من تضمين إطارات iFrames دون إذنك وخيارات التصميم المخصصة والمزيد.
مقابل 20 دولارًا ، يمكنك الترقية إلى ترخيص Advanced iFrame Pro لمدة ستة أشهر. ينتج هذا الإصدار إطارات iFrame سريعة الاستجابة ، ويتيح ميزات مثل وظيفة التكبير / التصغير والتحميل البطيء. اعتمادًا على عدد المرات التي تخطط فيها لاستخدام إطارات iFrame على موقعك ، قد تستحق هذه الخيارات سعرها المتميز.
هل تحتاج إلى إبراز مقطع فيديو أو مقاطع صوتية أو محتوى خاص بشخص آخر على موقعك؟ تعرف على كيفية تضمين كود iFrame في وورد بريس باستخدام هذا الدليل التفصيلي! 📹🖼️
انقر للتغريد
يعد الحفاظ على أداء موقعك جيدًا وعلى الجانب الصحيح من القانون أمرًا حيويًا. لن تساعدك إطارات iFrames في مشاركة محتوى الآخرين بطريقة أخلاقية فحسب ، بل يمكنها أيضًا تمكينك من عرض ملفات الفيديو والصوت دون الحاجة إلى استضافتها على موقعك. في هذا المنشور ، نظرنا في ثلاث طرق لاستخدام iFrames مع وورد بريس:
دمج مواقع وورد بريس وإطارات iFrames يدويًا.
استخدم أكواد التضمين لإنشاء إطارات iFrame.
أضف إطارات iFrame باستخدام مكون وورد بريس الإضافي ، مثل iFrame أو Advanced iFrame.
هل لديك أي أسئلة حول iFrames أو كيفية استخدامها على موقع وورد بريس الخاص بك؟ واسمحوا لنا أن نعرف في قسم التعليقات أدناه!
وفر الوقت والتكاليف وحقق أقصى قدر من أداء الموقع من خلال:
مساعدة فورية من خبراء استضافة وورد بريس ، 24/7.
تكامل Cloudflare Enterprise.
يصل الجمهور العالمي إلى 28 مركز بيانات حول العالم.
التحسين من خلال مراقبة أداء التطبيقات المضمنة لدينا.
كل ذلك وأكثر من ذلك بكثير ، في خطة واحدة بدون عقود طويلة الأجل ، وعمليات الترحيل المدعومة ، وضمان استرداد الأموال لمدة 30 يومًا. تحقق من خططنا أو تحدث إلى قسم المبيعات للعثور على الخطة المناسبة لك.
