لوحة «خيارات الشاشة» في WordPress (التبويب الصغير في الزاوية العلوية لمعظم شاشات القوائم) تتيح لك اختيار الأعمدة الظاهرة. لكنها لا تخبرك بأن اختياراتها تنطبق على الكمبيوتر فقط. تحت نقطة التوقف 782px الخاصة بـ WordPress، تُطوى كل الأعمدة ما عدا العنوان الرئيسي للصف خلف زر توسيع، بغض النظر عما تقوله خيارات الشاشة.
حاجتان مختلفتان وإعداد واحد
الظهور على الكمبيوتر والظهور على الهاتف سؤالان مختلفان فعلًا: المدير الذي يراجع قائمة الطلبات على هاتفه بين المكالمات يحتاج مجموعة أعمدة أصغر وأكثر انتقاءً بكثير من شخص يراجع الجدول الكامل على الكمبيوتر. ونواة WordPress لا تملك وسيلة للتعبير عن هذا الفرق؛ فهي تعامل «ظاهر» كحالة واحدة عامة.
لوحة إعدادات ثانية خاصة بالهاتف
أضفنا لوحة صغيرة قابلة للطي فوق قائمة الطلبات باسم Also show on mobile…، منفصلة عن تبويب خيارات الشاشة الأصلي، تعرض الأعمدة نفسها (الحالة، الإجمالي، رقم الجوال، رقم معاملة شركة الشحن وغيرها) مع مربعات اختيار لتحديد ما يبقى ظاهرًا على شاشة الهاتف، إضافة إلى ما اختير للكمبيوتر.
يُحفظ الاختيار مرة واحدة للموقع كله، ويُطبَّق عبر CSS يُولَّد ديناميكيًا ومقيد بنقطة التوقف الخاصة بالهاتف في WordPress: كل عمود مختار يحصل على قاعدة display: table-cell !important تتجاوز سلوك الطي الافتراضي لذلك العمود فقط، ويُطوى الباقي كالمعتاد.
لماذا تبدأ مطوية
اللوحة نفسها مخفية خلف رابط صغير بدلًا من عرضها دائمًا: فهي إعدادات نادرة الاستخدام، لا أداة يومية، وصندوق إعدادات مفتوح دائمًا فوق قائمة الطلبات كان سيضيف بالضبط نوع الفوضى التي وُجدت هذه الميزة لمنعها على الهاتف.
أهم الدروس
- طي الأعمدة المتجاوب في WordPress قاسٍ وغير قابل للضبط افتراضيًا؛ فهو يخفي البيانات بغض النظر عن اختيارات صاحب الموقع الصريحة في خيارات الشاشة.
- الظهور على الكمبيوتر وعلى الهاتف قراران منفصلان ويستحقان تحكمًا منفصلًا، لا إعدادًا واحدًا يؤدي وظيفتين.
- الإعدادات نادرة الاستخدام يجب أن تكون مطوية افتراضيًا حتى لو كانت مفيدة؛ فظهور عنصر التحكم يجب أن يتناسب مع عدد مرات استخدامه.
اقرأ أيضًا: توسيع نافذة معاينة الطلب، إعادة تصميم صفحة تتبع الطلب.
هل تواجه قيدًا مشابهًا في لوحة إدارة WooCommerce أو WordPress لديك؟ لنتحدث؛ فـ ArtinTech Solution تبني هذا النوع تحديدًا من أدوات المتاجر المخصصة.