يقدم مكون هذا السمة العديد من التحسينات لرأس فئة Discourse.
يتم عرض رأس فئة Discourse “القياسي” في أعلى كل صفحة فئة، فوق روابط التنقل وقائمة المواضيع. وعادة ما يكون مرئيًا فقط إذا تم تحميل صورة شعار للفئة في إعدادات الفئة. يعرض الرأس الشعار ووصفًا موجزًا للفئة، مأخوذًا من الفقرة الأولى من موضوع «حول فئة…».
يقدم مكون هذا السمة التحسينات التالية
يتم الآن عرض رأس الفئة افتراضيًا لجميع الفئات. ويشمل الآن اسم الفئة بالإضافة إلى الشعار (إذا تم تعيينه) ووصف الفئة. كما يمكن أن يتضمن الآن صورة خلفية للشعار ويمكن تصميمه ليظهر إما كـ “صندوق” أو “شريط علوي”، باستخدام إعدادات لون الفئة. تتوفر مجموعة واسعة من الخيارات القابلة للتكوين في إعدادات السمة.
إعدادات السمة
- إظهار اسم الفئة: إظهار اسم الفئة في الرأس
- إظهار وصف الفئة: إظهار نص وصف الفئة (الفقرة الأولى من موضوع “حول هذه الفئة”)
- حجم نص الوصف: حجم النص داخل وصف الفئة
- محاذاة النص: محاذاة النص داخل رأس الفئة
- إظهار رأس الفئة الفرعية: إظهار رأس للفئات الفرعية
- إظهار اسم الفئة الأصلية: إضافة اسم الفئة الأصلية كبادئة في رؤوس الفئات الفرعية (يعمل هذا كرابط مسار تنقل إلى صفحة الفئة الأصلية)
- إظهار أيقونة القفل: إظهار أيقونة القفل على الفئات المحمية بالإذن
- إظهار شعار الفئة: إظهار صورة شعار الفئة داخل الرأس
- إظهار شعار الفئة الأصلية: إظهار شعار الفئة الأصلية عند عدم تعيين شعار للفئة الفرعية
- إظهار شعار الموقع: إظهار شعار الموقع الصغير إذا لم يتم تعيين شعار للفئة
- موضع الشعار: موضع الشعار داخل الصندوق
– يعرض ‘left’ و ‘right’ الشعار في نفس السطر مع النص.
– يعرض ‘top’ الشعار فوق النص ومحاذاة معه - حجم الشعار: حجم الشعار داخل الرأس.
– صغير: ارتفاع 50 بكسل مشابه لشعار صندوق الفئة الفرعية.
– قياسي: ارتفاع 150 بكسل.
– الأصلي: حجم الصورة المُحمَّلة - نمط الرأس: تعيين نمط الرأس إلى أحد الخيارات التالية:
– صندوق: يتم عرض رأس الفئة بنفس نمط صناديق Discourse القياسية
– شريط علوي: تعيين خلفية الرأس إلى لون خلفية الفئة والنص إلى لون المقدمة
– لا شيء: لا يوجد تزيين بإطار أو خلفية - صورة خلفية الرأس: يُطبَّق إذا قمت بتحميل صورة خلفية للفئة
– تعرض ‘contain’ و ‘cover’ و ‘resize’ الخلفية داخل الرأس.
– ‘outside’ هو الافتراضي في Discourse ويعرضها خارج الرأس، على كامل الصفحة. - إظهار على الجوال: إظهار رأس الفئة على أجهزة الجوال
- فرض محاذاة الجوال: فرض محاذاة شعار-نص على الجوال إلى أعلى-وسط الرأس
- إخفاء إذا لم يكن هناك وصف للفئة: إخفاء الرأس إذا لم يتم تعيين وصف للفئة
- استثناءات إخفاء الفئات: لن يتم عرض الرؤوس لهذه الفئات
تثبيت مكون السمة
مستودع Git: https://github.com/naidihr/discourse-category-headers
كيف أقوم بتثبيت سمة أو مكون سمة؟
الشكر والتقدير
شكرًا لـ @Johani على دليله الممتاز دليل المطور لسمات Discourse
استوحيت هذه السمة من سمات أخرى، لا سيما سمة Discourse Category Banners من قبل @awesomerobot
أمثلة
نمط الصندوق: يتم عرض رأس الفئة بنفس نمط صناديق الفئات الفرعية
فئة فرعية، لاحظ أن الفئة الفرعية ليس لها شعار ولكنها مضبوطة على استيراد شعار الفئة الأصلية. كما تم تعيين اسم الفئة الأصلية للظهور كرابط مسار تنقل.
إذا كان للفئة الفرعية شعارها الخاص، فسيتم عرضه بدلاً من ذلك.
عرض الجوال يُظهر محاذاة مختلفة للنص والأيقونة.
إعدادات حجم النص.
مثال على خيارات المحاذاة: نص في المنتصف، شعار على اليمين.
نمط الشريط العلوي: يستخدم ألوان خلفية ومقدمة الفئة
صورة الخلفية: تستخدم صورة خلفية الفئة
لقد كنت أغفل ما يلي تحت الإعدادات:
. شكرًا لك على نشر الإجابة أيضًا - أظن أنها ستكون مفيدة للآخرين أيضًا. آمل أن يعمل مكون السمة بشكل جيد بالنسبة لك.
