---
title: "WordPress يدعو لاختبار التنسيق المتجاوب مباشرة من المحرر"
description: "تستهدف دعوة 3 يوليو ضبط تصميم الكتل للشاشات المختلفة، ضمن التحضير لـWordPress 7.1. الميزة قيد التطوير وليست إعلانًا عن إصدار نهائي."
url: https://kurddevelopers.com/ar/news/wordpress-responsive-styling-testing-july-2026
language: ar # Arabic
type: news
published: 2026-07-03T20:00:00.000Z
updated: 2026-11-03T11:20:32.000Z
author: "أسامة إسماعيل"
author_url: https://kurddevelopers.com/ar/author/1
section: "البرمجة"
tags: ["WordPress","Gutenberg","Responsive Design","Web Development","CSS"]
sources: ["WordPress — Call for Testing","3 July 2026: https://make.wordpress.org/test/2026/07/03/call-for-testing-responsive-styling/","Gutenberg — PR 75121: https://github.com/WordPress/gutenberg/pull/75121","MDN — responsive design: https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/CSS_layout/Responsive_Design","WordPress Playground: https://developer.wordpress.org/playground/"]
image: https://kurddevelopers.com/uploads/2026/11/wordpress-default-ogimage-36b5e651.png
translations:
  ku: https://kurddevelopers.com/news/wordpress-responsive-styling-testing-july-2026
  en: https://kurddevelopers.com/en/news/wordpress-responsive-styling-testing-july-2026
publisher: Kurd Developers
publisher_url: https://kurddevelopers.com/
---

# WordPress يدعو لاختبار التنسيق المتجاوب مباشرة من المحرر

> تستهدف دعوة 3 يوليو ضبط تصميم الكتل للشاشات المختلفة، ضمن التحضير لـWordPress 7.1. الميزة قيد التطوير وليست إعلانًا عن إصدار نهائي.

![صورة WordPress الرسمية؛ صورة تعريفية وليست لقطة لواجهة ميزة الاختبار.](https://kurddevelopers.com/uploads/2026/11/wordpress-default-ogimage-36b5e651.png)

نشر فريق WordPress في 3 يوليو 2026 دعوة لاختبار Responsive Styling، ضمن العمل على إصدار WordPress 7.1 المرتقب. تستهدف الميزة تعديل تنسيق الكتل للأجهزة اللوحية والهواتف من المحرر، وما أُعلن اليوم هو مرحلة اختبار تحتاج إلى ملاحظات المستخدمين.

## وصل المعاينة بالتحرير

يربط العمل في PR #75121 تغيير عرض مساحة التحرير بقائمة معاينة الأجهزة. وعندما يُفعّل Responsive editing، يحدد اختيار Tablet أو Mobile نطاق تعديل التنسيق، مع شارة في لوحة الخصائص توضح العرض الجاري تحريره.

بالنسبة إلى من يبني صفحة، تعالج الفكرة سؤالًا يوميًا: عنوان يبدو مناسبًا على الحاسوب، لكنه كبير على الهاتف. تقريب التحكم في الحجم من مكان التحرير يجعل التجربة أقرب إلى النتيجة التي يريد المصمم الوصول إليها.

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

## التصميم المتجاوب أوسع من تصغير النص

تشرح MDN أن التصميم المتجاوب يجعل الصفحات تتكيف مع أحجام الشاشات ودقتها المختلفة. وتدخل أدوات مثل Flexbox وGrid وmedia queries ضمن هذا العمل، فيما تحدد نقاط التحول متى تتغير قواعد العرض.

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

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

## تجربة سريعة عبر Playground

يتيح WordPress Playground تشغيل WordPress داخل المتصفح. وتحيل دعوة الاختبار إلى تجربة عبر هذه الأداة، ما يمنح المهتم نقطة بداية دون إعداد بيئة تطوير محلية كاملة.

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

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

**المصدر:** WordPress — Call for Testing, 3 July 2026: https://make.wordpress.org/test/2026/07/03/call-for-testing-responsive-styling/, Gutenberg — PR 75121: https://github.com/WordPress/gutenberg/pull/75121, MDN — responsive design: https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/CSS_layout/Responsive_Design, WordPress Playground: https://developer.wordpress.org/playground/

---

Published by [Kurd Developers](https://kurddevelopers.com/) on 2026-07-03. Cite as: “WordPress يدعو لاختبار التنسيق المتجاوب مباشرة من المحرر”, Kurd Developers, https://kurddevelopers.com/ar/news/wordpress-responsive-styling-testing-july-2026