في تخطيط قائمة التصنيفات، تظهر التصنيفات الفرعية مع كتلة لونها، وإذا كان الوصول مقيدًا، يظهر رمز القفل قبل العنوان.
أما في تخطيط مربعات التصنيفات، فلا تظهر كتلة اللون ولا رمز القفل، ولكن إذا تم تحديد شعار للتصنيف الفرعي، فيتم عرضه (مُصغّر افتراضيًا إلى 20 بكسل).
هذا غير متناسق. يجب أن يكون هناك على الأقل خيار لمطابقة المظهر العادي (القائمة) لعناوين التصنيفات الفرعية. والأفضل من ذلك، أن يكون هناك خيار لعرض الشعار في تخطيط القائمة أيضًا.
أو حتى منفذ إضافة (plugin-outlet) يسمح لنا بتعديل هذا السلوك غير المنطقي (لقد بحثت ولم أجد واحدًا - إذا كان موجودًا، فما هو؟)
لاحظ أن بعض فئاتي الفرعية تحتوي على صور شعارات معروضة.
التخطيط يهدر مساحة كبيرة — حيث يُقيد شعار الفئة بـ 40 بكسل، لكنه موزون في المنتصف فوق العنوان. كما أن شعارات الفئات الفرعية لا تحترم نسبة العرض إلى الارتفاع (حسابات --aspect-image لا تعمل وهي غير ضرورية في الأساس، فإذا ضبطت الارتفاع فقط، ستُحترم النسبة إذا توفرت المساحة الكافية).
شعارات الفئات الفرعية كبيرة أيضًا، مما يخلق مسافات بين الأسطر.
الشعار يطفو على يسار العنوان الذي يكون في منتصف المساحة المتبقية.
الفئات الفرعية تظهر سطرًا واحدًا لكل منها مع شريط ملون وأيقونة قفل، لكن شعارات الفئات الفرعية غير معروضة (وهو ما يتوافق مع الوضع الافتراضي).
في الصندوق، لا أعتقد أنه من المنطقي محاولة حشر عنوانين قصيرين لفئتين فرعيتين في سطر واحد حتى لو توفرت المساحة؛ يبدو أفضل إذا كان لكل منهما سطر منفصل، على الرغم من أن آخرين قد يفضلون تجميعهم إذا كانت هناك فئات فرعية كثيرة.
تُعرض شعارات الفئات الفرعية بارتفاع 18 بكسل مع النسبة الصحيحة للعرض إلى الارتفاع في نهاية العنوان. هذا اختياري، ويمكن وضعها بين أيقونة القفل والنص، لكنني أفضل أن تتماشى الأشرطة والعناوين.
سيكون من المنطقي أيضًا توفير خيار لاستخدام شعارات الفئات الفرعية في الترتيبات الافتراضية الأخرى، لكنني لم أتعامل مع تلك.
هنا أستخدم أيضًا مكون أيقونات الفئات (تم تعيين أيقونة فقط في الفئة الفرعية Niki Test)، لذا فإن موضع الشريط منزاح قليلاً لمحاذاة الأيقونة معه، ولون الأيقونة هو لون الشريط، مما يعني أنها تُستخدم فعليًا بدلًا من الشريط — لكن هذه تعديلات على ذلك المكون وليس على النواة.
وأخيرًا، إليك كيف يظهر عند عرض صناديق الفئات الفرعية فوق مواضيع الفئة الأصلية إذا تم تعيين ذلك.
من الواضح أنه حاليًا لا توجد فئات أحفاد لعرضها، لكن سيكون ذلك بحاجة إلى استيعاب. كما قد يكون من الأفضل طفو الشعار عموديًا عند وجود عنوان طويل جدًا — ربما يكون من الأفضل ببساطة إبقاء عناوين الفئات قصيرة!
إذن، مزيج من HTML النصي/x-handlebars في /head للموضوع يستبدل فعليًا “components/categories-boxes” و SCSS. أنا سعيد بإرسال الكود لأي شخص كفؤ لاختباره وإدخاله إلى GitHub.
هذا يعمل بشكل جيد لموقعي، لكن قد تكون هناك عواقب أخرى لم ألاحظها.
الفئات الفرعية-الفرعية غير ذات صلة إلى حد كبير بهذا الموضوع، لكنها قيد التطوير وستؤثر على نمط هذه الصفحة مستقبلاً… وهذا سببُ إدراجها. لستُ راضياً تماماً عن هذا النهج لعدة أسباب، لكنه تخطيط معقد.
نظراً للاختلاف الكبير في محتوى هذه الصناديق، قد نرغب في اقتطاع الفئات الفرعية-الفرعية في مرحلة ما… أو إجراء حسابات ارتفاع باستخدام JavaScript لتطبيق تخطيط بأسلوب الطوب حيث لا تكون جميع الصناديق متساوية الارتفاع؟ أحتاج إلى التفكير في الأمر أكثر.
بالنسبة للمستوى الفرعي الوحيد الحالي، قمت بالتبديل إلى نمط الشارات للفئات بدلاً من الرابط العام. كما حسّنت حسابات نسبة العرض إلى الارتفاع لدينا، حيث لم تكن تُستخدم فعلياً من قبل.
أعتقد أن الشعار الموجود فوق العنوان يستحوذ على قدر كبير من المساحة الرأسية، وهي مورد ثمين نظرًا لوجود وصف طويل جدًا وعدة فئات فرعية.
وبما أن إحدى مزايا تخطيط الصناديق هي إظهار المزيد من الفئات دون الحاجة إلى التمرير، فإنني أرى أنه سيكون من الجيد جدًا جعل الشعار والعنوان يظهران جنبًا إلى جنب افتراضيًا. بالطبع، يمكن تحقيق ذلك تقريبًا عبر تجاوزات CSS، لكن سيكون من الأفضل أن يكون الأمر صحيحًا بشكل افتراضي.
أما بالنسبة لمشكلة الفئة من الجيل الثالث، فأنا معجب بصناديقك الفرعية، لكن قد يكون من المفيد إضافة إعداد اختياري لعرض مستوى واحد فقط من الفئات الفرعية مع مؤشر عند وجود مستوى آخر — ربما نص صغير يقول “+N فئات فرعية” أسفل عنوان الفئة الفرعية في حال وجود فئات من الجيل الثالث.
