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