تصميم متجاوب من المحرر في WordPress 7.1

أدخل WordPress 7.1 الأنماط المتجاوبة إلى Core. يمكن تحديد قيم للهاتف واللوحي من Global Styles أو على بلوك منفرد، وتستطيع القوالب ضبط نقاط التحول عبر settings.viewport في theme.json.

لماذا تهم؟

مسافة كبيرة تناسب سطح المكتب يمكن تصغيرها على الهاتف من دون كتابة media query لكل حالة. البلوكات التي تستخدم block supports القياسية تحصل على دعم الخصائص الشائعة مثل المسافات والأبعاد والألوان، فيبقى القرار داخل نظام التصميم بدلاً من CSS متناثر.

الميزة لا تصلح التصميم القديم تلقائياً. عناصر التحكم المخصصة داخل بلوك خاص قد لا تدعم الحالات المتجاوبة، كما أن تغيير breakpoints قد يؤثر في صفحات كثيرة. العرض داخل المحرر يظل معاينة ويجب مقارنته بمتصفح وجهاز حقيقيين.

جرّبها عالسريع

اختر Group واحداً وعدّل padding للهاتف فقط. افحص الناتج عند 320 و390 و768 بكسل، بالعربية والإنجليزية، ثم راقب CSS الفعلي قبل تعميم الإعداد على القالب.

افتح الصفحة بلوحة المفاتيح أيضاً للتأكد أن تغيير المسافات لم يخفِ التركيز أو يقص المحتوى.

لخطة الترقية الكاملة راجع دليل WordPress 7.1. المصدر: ملخص مطوري أغسطس 2026.