 |
ملخص | يستخدم Category Banners تفاصيل التصنيفات الموجودة لإنشاء لافتات لصفحات التصنيفات الخاصة بك (بالنسبة للوسوم، راجع Discourse Tag Banners). |
 |
معاينة | معاينة في منشئ مواضيع Discourse |
 |
رابط المستودع | https://github.com/discourse/discourse-category-banners |
 |
جديد في مواضيع Discourse؟ | دليل المبتدئين لاستخدام مواضيع Discourse |
تثبيت مكون هذا المظهر
الميزات
يستخدم Category Banners تفاصيل التصنيفات الموجودة لإنشاء لافتات لصفحات التصنيفات الخاصة بك. يستخدم اسم التصنيف ووصفه ولونه لتوليد لافتة في أعلى صفحات التصنيف ذات الصلة (بالنسبة للوسوم، راجع Discourse Tag Banners).
يُعرّف وصف التصنيف بواسطة الفقرة الأولى في موضوع “تعريف التصنيف لـ…” الخاص بكل تصنيف. تُحدَّد ألوان خلفية/نص اللافتة من خلال إعدادات شارة التصنيف الخاصة بك.
بشكل افتراضي، سيظهر هذا على سطح المكتب والجوال عبر جميع صفحات التصنيفات والتصنيفات الفرعية، لكنه لن يظهر إذا لم تكن قد منحت تصنيفك وصفًا.
الإعدادات
يأتي هذا المكون مع خيارات لتجاوز الافتراضيات:
| الاسم | الوصف |
|---|---|
| show description | إظهار الوصف من منشئ “حول هذا التصنيف” |
| show mobile | إظهار اللافتات على الجوال |
| show subcategory | إظهار اللافتات للتصنيفات الفرعية |
| hide if no description | إخفاء اللافتات إذا لم يتم تعيين وصف التصنيف |
| show category logo | إظهار شعار التصنيف |
| align text | محاذاة النص |
| exceptions | لن تظهر اللافتة لهذه أسماء التصنيفات |
| categories | التصنيفات التي سيظهر لها لافتة |
| plugin outlet | يغير موضع اللافتة على الصفحة |
| show category icon | إظهار أيقونة التصنيف أو الرموز التعبيرية من إعدادات التصنيف * |
| override category icon color | عند استخدام أيقونات التصنيف، فإن تمكين هذا سيجعل الأيقونة تطابق لون نص اللافتة |
- ملاحظة: يشير هذا الإعداد الآن إلى أيقونة التصنيف أو الرموز التعبيرية المحددة في إعدادات التصنيف، وليس مكون مظهر أيقونات التصنيفات (الذي تم إهماله لصالح الميزة الأساسية).
ملاحظات التخصيص
إذا كنت ترغب في تخصيص هذه اللافتات باستخدام بعض CSS إضافي، يمكنك استهداف رؤوس تصنيفات محددة باستخدام هذا الهيكل (مثال: example-category هو اسم تصنيفك):
.category-title-header {
&.category-banner-example-category {
background: url(example.jpg);
}
}
يضيف هذا المكون أيضًا الفئة category-header إلى وسم الجسم كهدف CSS إضافي.
مُستضاف لدينا؟ مكونات المظاهر متاحة للاستخدام في خططنا القياسية، والتجارية، والمؤسسية.