أنا سعيد بالتخصيص (التأثيرات، أيًا كان) الذي يتطلب معرفة بـ CSS، ولكن وظيفة الإظهار/الإخفاء الأولية، وما هي الشارات التي يجب تضمينها/استبعادها، يجب أن تكون متاحة كإعداد.
أعتقد أن هناك خطة استضافة Discourse حيث لا يكون هذا ممكنًا على الإطلاق. كما يكافح العديد من المسؤولين لإضافة CSS إلى سمة قاموا بتثبيتها من GitHub.
لكن وجهة نظري كانت تركز بشكل أكبر على حقيقة أنك تحتاج أولاً إلى أن تكون على دراية بوجود CSS وأنها تجعل إخفاء الأشياء سهلاً للغاية. يمكن للوثائق بالتأكيد المساعدة، ولكن في تجربتي، لا يقرأها معظم الناس.
لماذا يوجد إعداد لتعطيل رابط “Powered by Discourse”؟ يمكن أيضًا إخفاؤه بسهولة باستخدام CSS.
شكراً على الملاحظات الإضافية، أيها الجميع! سأقوم بالتحقيق في إضافة بعض الإعدادات اليوم. ![]()
هذه هي محاولتي الأولى لإضافة الإعدادات.
الإعداد العام
إعداد لكل شارة
الإعدادات نفسها واضحة إلى حد ما، ولكن السلوك أكثر تعقيدًا مما أود حقًا. لتجنب الكشف عن معلومات لا ينبغي الكشف عنها، يتطلب عرض شارة على منشور حاليًا تمكين هذه الإعدادات الثلاثة:
- عرض الشارة في صفحة الشارات العامة
- عرض المنشور الذي يمنح الشارة في صفحة الشارة
- عرض الشارة على المنشور الذي مُنحت فيه
السبب وراء كل منها:
- يبدو متناقضًا عرض الشارات على المنشور عندما لا يتم عرضها في صفحة الشارات العامة.
- يبدو تسريبًا محتملاً للمعلومات عرض الشارات على المنشور عندما لا نعرض المنشور في صفحة الشارة.
- هذا هو الإعداد الجديد للسماح بعرض الشارة على المنشور.
بافتراض أنه من المعقول أن يعتمد هذا الخيار الجديد على تمكين الخيارات الموجودة، فإنه يثير بعض الأسئلة التي تعتمد بشكل كبير على لغة التصميم العامة لـ Discourse، لذا أقدر حقًا بعض التعليقات الإضافية هنا، @chapoi.
على وجه الخصوص، ما هي الطريقة المناسبة لإظهار في مسؤول Discourse أن خيارًا واحدًا لن يسري حتى يتم تمكين خيارات أخرى؟
سؤال ذو صلة هو أنه إذا لم يتم تمكين كلا الخيارين الأولين لشارة النظام، فلن يؤدي الخيار الجديد أي شيء أبدًا، نظرًا لأن هذه الخيارات للقراءة فقط على شارات النظام. هل من المناسب وضع علامة عليها كإعداد للقراءة فقط لهذه الشارات، ولكن تركها قابلة للتكوين لجميع شارات النظام الأخرى؟
أخيرًا، سؤال لكل المهتمين: ما هي شارات النظام التي يجب أن تأتي مع تمكين هذا الخيار افتراضيًا؟
نقاط جيدة جدًا، شكرًا على التعمق في الأمر!
نعم، أعتقد أنك على المسار الصحيح هنا.
في الوقت الحالي، أعتقد أننا نفتقر إلى نهج منظم لهذا.
أعتقد أننا سنحتاج إلى شيء مثل:
ولكن بنص أفضل. ![]()
ما رأيك @ella (قائدة فريق التصميم لدينا)
شكراً على الفكرة يا تشارلي، أعتقد أنها قد تنجح.
لم أتمكن من العثور على أي أمثلة لهذا النوع من واجهة المستخدم في مكان آخر في لوحة تحكم Discourse، لذلك قمت بتجميع هذا بنفسي. إنه يحتاج إلى بعض الصقل (ولا يزال بإمكانه استخدام نص أفضل!
)، ولكنه يكفي لإعطاء فكرة تقريبية عن كيفية عمله.
أميل إلى تفضيل تلك الموجودة في فئة النشر.
أتفق، إضافة بعض الهيكلة هنا ستجعل الأمر أوضح بكثير، على سبيل المثال:
الاستخدام
- السماح باستخدام الشارة كعنوان
- يمكن منحها عدة مرات
الظهور
- إظهار الشارة في صفحة الشارات العامة
- إظهار المنشور الذي يمنح الشارة في صفحة الشارات
- إظهار الشارة في المنشور الذي مُنحت فيه
بالنسبة للتلميح، ماذا عن:
يتطلب تمكين كل من “إظهار الشارة في صفحة الشارات العامة” و “إظهار المنشور الذي يمنح الشارة في صفحة الشارات”.
أخبار سارة للجميع!
طلب السحب هذا تم دمجه للتو!
@ganncamp لقد قمت بنشره على موقعك الآن أيضًا. ![]()
هذه أخبار رائعة!!! شكرًا!
حسنًا… الخيل المهداة وما إلى ذلك…
العرض مخيب للآمال بعض الشيء:

سأرى ما يمكنني فعله حيال ذلك باستخدام CSS.
تعديل لإضافة CSS
// اجعل الشارات المعروضة في المشاركات أكبر
.topic-meta-data .user-badge-buttons {
transform: scale(1.3);
margin-left: 0px;
}
وما لا يمكنني لمسه باستخدام CSS هو الترتيب. أتفاجأ برؤية الشارة بين اسم العرض واسم المستخدم. هل يمكن تغيير ذلك؟
شكرًا على ملاحظاتك، @ganncamp! ![]()
أنت على حق، يبدو الأمر غريبًا بعض الشيء عند عرضه بين اسم المستخدم واسم العرض، سأرى ما يمكنني فعله حيال ذلك.
عندما تذكر تغيير الترتيب، هل تشير إلى هذه المشكلة، أم ترغب في تغيير ترتيب الشارات أيضًا، عندما يتم منح شارات متعددة لمنشور واحد؟
حسنًا! لقد قمت ببعض التغييرات في طلب السحب هذا:
إليك بعض لقطات الشاشة لخيارات مختلفة لرأس المنشور:




نعم. أنا لست قلقًا (حاليًا
) بشأن ترتيب الشارات.
لقد قمت بدمج ونشر تلك التعديلات على موقعك، @ganncamp! ![]()
شكرا لك!
وهذا هو الـ CSS النهائي الخاص بي لمن يهتم
// جعل الشارات المعروضة على المشاركات أكبر وأكثر بريقًا
.topic-meta-data .user-badge-buttons .svg-icon {
transform: scale(1.3);
// هذا هو الجزء الأكثر بريقًا
border-radius: 50%;
background-color: var(--highlight-bg);
border-width: 2px;
border-style: solid;
border-color: var(--highlight);
padding: 4px;
}
النتيجة:

تم إغلاق هذا الموضوع تلقائيًا بعد يومين. لم يعد يُسمح بالردود الجديدة.


