هل تريد الحد من عرض الوحدات في ووردبريس؟
يقوم ووردبريس تلقائيًا بتضمين محتوى تابع لجهة خارجية مثل مقاطع فيديو YouTube أو التغريدات أو منشورات Facebook. ومع ذلك ، في بعض الأحيان قد تصبح التضمينات واسعة جدًا وتؤدي إلى إفساد تخطيطات صفحتك.
في هذه المقالة ، سنوضح لك كيفية تعيين oEmbed max-width في ووردبريس حتى تتمكن من التحكم بشكل أكبر في تخطيط موقعك.
ضبط الحد الأقصى للعرض في ووردبريس
يتيح لك ووردبريس تضمين محتوى تلقائيًا من مواقع ويب مختارة تابعة لجهات خارجية في منشوراتك وصفحاتك باستخدام تقنية تسمى oEmbed.
هذا يسمح لك بسهولة تضمين يوتيوب أشرطة الفيديو ، المشاركات الفيسبوك ، تويت، والعديد من أنواع أخرى من المحتوى على موقع الويب الخاص بك. هذا المحتوى غير مستضاف على موقع ووردبريس الخاص بك . بدلاً من ذلك ، يتم عرضه مباشرةً من مواقع الجهات الخارجية هذه.
ووردبريس جيد جدًا في ضبط عرض المحتوى المضمن تلقائيًا على محتوى موقع الويب الخاص بك أو مناطق الشريط الجانبي.
ومع ذلك ، قد يكون هذا المحتوى المضمّن أحيانًا واسعًا جدًا ويتداخل مع مناطق محتوى موقع الويب الخاص بك ، كما في المثال أدناه.
تضمين ووردبريس يتجاوز عرض المحتوى
لإصلاح ذلك ، ستحتاج إلى إخبار ووردبريس صراحةً باستخدام حد أقصى للعرض لتضمينات الجهات الخارجية. لسوء الحظ ، لا يوجد خيار في إعدادات ووردبريس للقيام بذلك.
بعد قولي هذا ، دعنا نلقي نظرة على كيفية ضبط عرض الحد الأقصى بسهولة في ووردبريس دون كسر أي شيء.
هذه الطريقة أسهل وتعمل جيدًا لتعيين أقصى عرض لتضمينات الفيديو في ووردبريس.
بدلاً من لصق عنوان URL أو استخدام كتلة YouTube ، ستستخدم كتلة الرمز القصير . بداخله ، تحتاج إلى استخدام كود التضمين القصير وتضمين معلمات العرض والارتفاع.
لا تتردد في تغيير قيم العرض والارتفاع وفقًا لمتطلباتك الخاصة ، واستبدال عنوان URL المضمن بالتضمين الخاص بك.
عرض الكود القصير
يمكنك الآن معاينة المنشور أو الصفحة ومشاهدة التضمين أثناء العمل.
oEmbed تعديل العرض
لا يعمل الرمز المختصر للتضمين ومعلمات العرض والارتفاع الخاصة به مع جميع موفري oEmbed. على سبيل المثال ، لا يمكنك استخدامه لتعيين ارتفاع وعرض Giphy المضمن في ووردبريس .
في هذه الحالة ، يمكنك تجربة إحدى الطرق البديلة المذكورة أدناه.
و محرر وورد الافتراضي يأتي مع عدة كتل تضمين لمختلف مقدمي الخدمات oEmbed. يمكنك استخدامها لتضمين المحتوى في مناطق مختلفة من منشوراتك وصفحاتك.
قم بتضمين الكتل في ووردبريس
تسمح لك بعض هذه الكتل أيضًا بتغيير محاذاة التضمين وتعيين عرض المحتوى على العرض الواسع أو الكامل.
عرض الكتلة والمحاذاة
يمكنك محاولة استخدام هذه الخيارات لمعرفة ما إذا كانت تعمل على إصلاح مشكلة العرض الأقصى للتضمين.
بشكل افتراضي ، يضيف ووردبريس تلقائيًا فئات CSS إلى مناطق مختلفة من منشوراتك وصفحاتك.
كما أنه يضيف العديد من فئات CSS لتضمين الكتل. يمكن استخدام فئات CSS هذه لتعيين أقصى عرض للتضمينات على موقع ووردبريس الخاص بك.
لمعرفة فئات CSS التي تحتاج إلى استهدافها ، ما عليك سوى تضمين المحتوى في منشور أو صفحة ، ثم معاينته في متصفحك. انقر بزر الماوس الأيمن عن طريق تمرير الماوس فوق المحتوى المضمن ثم حدد أداة الفحص.
البحث عن فئات CSS لمجموعات التضمين
ستتمكن من رؤية جميع فئات CSS المضافة إلى العنصر المضمن. يمكنك استخدام هذه الفئات لتعيين أقصى عرض لهذا النوع من التضمين.
على سبيل المثال ، إذا كنت تريد تعيين أقصى عرض لجميع التضمينات ، فيمكنك استخدام CSS المخصص التالي .
.wp-block-embed {
max-width: 900px!important;
}يمكنك أيضًا استهداف موفري oEmbed محددين باستخدام .wp-block-embed-providernameالفئة. على سبيل المثال ، إذا كنت تريد تعيين أقصى عرض لتضمينات Pinterest فقط ، فيمكنك استخدام CSS المخصص التالي.
.wp-block-embed-pinterest {
max-width: 900px!important;
}تتطلب منك هذه الطريقة الأخيرة إضافة رمز مخصص إلى موقع ووردبريس الخاص بك. إذا لم تكن قد قمت بذلك من قبل ، فقم بإلقاء نظرة على دليلنا حول كيفية إضافة مقتطفات التعليمات البرمجية المخصصة بسهولة في ووردبريس .
بالنسبة لهذه الطريقة ، سنضيف الكود الخاص بنا إلى ووردبريس لتعيين العرض الافتراضي لـ oEmbeds. ما عليك سوى إضافة الكود التالي إلى ملف jobs.php الخاص بالقالب أو المكوّن الإضافي Code Snippets .
add_filter( 'embed_defaults', 'wpbeginner_embed_defaults' );
function wpbeginner_embed_defaults() {
return array(
'width' => 400,
'height' => 280
);
}لا تنسَ ضبط سمات الطول والعرض وفقًا لمتطلباتك الخاصة.
تكمن مشكلة هذه الطريقة في أنها تطبق سمة العرض فقط إذا لم يتم تحديد “العرض” للمحتوى المضمن. إذا كان رمز التضمين يتضمن العرض بالفعل ، فقد لا تعمل هذه الطريقة.
نصيحة إضافية
إذا كنت تقوم بانتظام بتضمين محتوى من منصات التواصل الاجتماعي إلى موقع ووردبريس الخاص بك ، فعليك البدء في استخدام Smash Balloon .
سحق بالون
إنه أفضل مكون إضافي لوسائل التواصل الاجتماعي لـ ووردبريس ويسمح لك بسهولة بتضمين خلاصات وسائط اجتماعية مخصصة في ووردبريس.
يدعم تضمين وسائل التواصل الاجتماعي الشهيرة مثل YouTube و Twitter والمزيد. كما يسمح لك بتضمين محتوى Facebook و Instagram ، والذي لا يدعمه ووردبريس.
الأهم من ذلك ، أن جميع خلاصات الوسائط الاجتماعية تستجيب للجوال وتعمل مع أي موضوع ووردبريس.
نأمل أن تساعدك هذه المقالة في تعلم كيفية تعيين عرض أقصى oEmbed في ووردبريس. قد ترغب أيضًا في الاطلاع على ورقة الغش الكاملة لوسائل التواصل الاجتماعي أو مقارنة الخبراء لدينا لأفضل برامج الدردشة الحية للشركات الصغيرة .
نأمل أن تساعدك هذه المقالة في تعلم كيفية تغيير نظام ألوان الادمن في الووردبريس. قد ترغب أيضًا في رؤية مختارات حول الإضافات (بلجن) في الووردبريس ودليلنا حول كيفية اختيار أفضل شركات حجز النطاقات والاستضافات وكيفية التعامل معها.
إذا أعجبك هذا المقال ، فيرجى الاشتراك في قناتنا على اليوتيوب لدروس فيديو في الووردبريس. ويمكنك أيضًا أن تجدنا على فيسبوك وتويتير وانستجرام وتيكتوك، لطفاً لا تنسى متابعتنا، فنحن نسعد برؤيتك..
