| الملخص | إضافة شارة إلى منشورات مالك الموضوع. | |
| المستودع | https://github.com/VaperinaDEV/author-badge-for-topic-posts | |
| دليل التثبيت | كيفية تثبيت سمة أو مكون سمة | |
| جديد في سمات Discourse؟ | دليل المبتدئين لاستخدام سمات Discourse |
تثبيت مكون السمة هذا
مرحباً ![]()
مع مكون السمة هذا، يمكنك إضافة تسمية شارة إلى منشورات مالك الموضوع. إنه مفيد حقًا في الموضوعات الكبيرة لأنه يمكنك رؤية من هو المنشئ الأصلي بوضوح.
تصفية
هيكل المكون، من الممكن استهداف طرق العرض للجوال وسطح المكتب بشكل منفصل. بالإضافة إلى ذلك، من الممكن استهداف كل فئة بشكل منفصل وبالتالي تخصيص شارات المؤلف التي تظهر في الفئات وطرق العرض.
يمكن أن يتم ذلك من خلال إعداد سمة:
تحتاج إلى إضافة 3 معلمات لجعل المكون قابلاً للعمل.
-
view-type
- desktop
- mobile
-
category-name
- هذه هي الفئة التي تريد استهدافها، على سبيل المثال “support”
-
author-label
- تسمية الشارة، على سبيل المثال “Author”
مثال:
نظرًا لوجود مساحة أقل عادةً في هذه الأماكن على الهاتف المحمول، فمن الرائع أحيانًا إضافة إصدار أقصر على الهاتف المحمول.
الآن قمت بإعداد شارة مؤلف لفئة discourse والتي ستعرض نص “Author” على سطح المكتب ونص “OP” على الهاتف المحمول.
حسنًا، ولكن ماذا لو أردت استخدام نص مختلف في الفئات الأخرى؟ هل يجب تعيينها بشكل منفصل لكل منها؟ بالطبع لا.
إذا تركت فارغًا view-type أو category-name أو كليهما… فسيتم تطبيقه عالميًا دون تجاوز الموجود.
مثال:
لقد أضفت شارتين إضافيتين تستخدمان نص “Original Poster” للفئات الأخرى على سطح المكتب وتستخدمان نص “Director” في فئة الفيديو على كل من عرض سطح المكتب والجوال.
للقيام بذلك، اترك هذه الأقسام فارغة ببساطة عن طريق
كتابة فاصلة منقوطة بدون مسافة
مثال آخر إذا كنت تريد استخدام “Author” فقط لجميع الفئات وجميع أنواع العرض. استخدم ما يلي:
فاصلتان منقوطتان (بدون مسافات) و Author
;;Author
أماكن
دعنا نرى الأماكن التي يمكنك إضافة الشارات إليها…
يمكنك الاختيار من بين 3-3 أماكن في إعدادات السمة بشكل منفصل لطريقة عرض سطح المكتب والجوال.
هذان الإعدادان ![]()
سطح المكتب
author badge location desktop
- below-user-avatar
- after-user-names
- below-user-names
below-user-avatar (مساحة محدودة: تستخدم عرض الصورة الرمزية للموضوع) (ثابت) من الأفضل اختيار تسمية أقصر
after-user-names
below-user-names
جوال
author badge location mobile
- below-user-avatar
- after-user-names
- above-user
below-user-avatar (مساحة محدودة: تستخدم عرض الصورة الرمزية للموضوع) من الأفضل اختيار تسمية أقصر
after-user-names (مساحة محدودة) من الأفضل اختيار تسمية أقصر
above-user
تخصيص
أخيرًا، دعنا نرى بعض خيارات التخصيص.
هنا يمكنك تخصيص شارة المؤلف مثل الألوان وأنماط الخطوط والزوايا…
على سبيل المثال:
هذا يستخدم القيم التالية.
قد لا تستخدم متغيرات الألوان هذه نفس الألوان على موقعك، يعتمد ذلك على نظام الألوان لديك.
الأمر متروك لك لنوع شارة المؤلف الرائعة التي تصنعها. ![]()















