 |
ملخص | يضيف Brand Header رأسًا علويًا إضافيًا للعلامة التجارية يحتوي على شعارك، وروابط التنقل، وأيقونات التواصل الاجتماعي، ويعمل على كل من العرضين المكتبي والجوال. يمكن أن يكون شعار العلامة التجارية صورة أو نصًا. |
 |
معاينة | معاينة على منشئ سمة Discourse |
 |
رابط المستودع | https://github.com/discourse/discourse-brand-header |
 |
جديد في سمات Discourse؟ | دليل المبتدئين لاستخدام سمات Discourse |
تثبيت مكون السمة هذا
الميزات
معاينة على سطح المكتب:
معاينة على الجوال:
الإعدادات
| الاسم | الوصف |
|---|---|
| اسم العلامة التجارية | |
| عنوان موقع الويب | |
| رابط شعار الجوال | |
| الروابط | روابط نصية سيتم عرضها في الرأس |
| الأيقونات | روابط أيقونات سيتم عرضها في الرأس |
| أيقونات Font Awesome مخصصة | قائمة بأيقونات FontAwesome 6 المستخدمة في مكون السمة هذا |
| إظهار الشريط على الجوال | |
| منفذ الإضافة |
استخدام أيقونات Font Awesome 6
لتمكين أيقونات Font Awesome 6 من الظهور بشكل صحيح في مكون السمة هذا، ستحتاج إلى إضافتها إلى ثلاثة أماكن في Discourse:
- إعداد الموقع
مجموعة أيقونات SVG - إعداد
أيقونات Font Awesome مخصصةفي المكون - إعداد
الأيقوناتفي المكون
بالإضافة إلى ذلك، لبعض أيقونات Font Awesome 6، ستحتاج إلى تحديد بادئة fa أو fab مع اسم الأيقونة (مثل: “fab-bluesky”)، لأن بعض الأيقونات جزء من مجموعة فرعية محددة من الأيقونات. راجع نحن نترقى بأيقونتنا إلى Font Awesome 6! للحصول على تفاصيل حول هذا الاستخدام.
بمجرد إضافة هذه الأيقونات في الأماكن الثلاثة، يجب أن تراها معروضة بشكل صحيح في مكون سمة Brand Header.
مُستضاف لدينا؟ مكونات السمات متاحة للاستخدام في خططنا القياسية، والتجارية، والمؤسسية.