شريط صورة المستوى الثقة

[tshenry (Taylor)]

يتيح مكون السمة هذا للمدير إضافة لمسات جمالية لصور رمزية للمستخدمين بناءً على مستوى الثقة الخاص بالمستخدم. تُعرض لمسات مستوى الثقة في أي مكان في الموقع حيث تظهر عادةً لمسات المجموعة. توجد إعدادات سمة قليلة لضبط موضع اللمسة الجمالية بالنسبة للصورة الرمزية.

أمثلة أساسية (مع وجود لمسات المجموعة)

توجد أيضًا موضع في الزاوية اليمنى السفلية سيستبدل إما لمسات المجموعة أو يتم استبداله بها اعتمادًا على كيفية تعيين إعداد “تكون لمسات المجموعة دائمًا في الأعلى”.

الإعداد الرئيسي

استخدام الصور كـ لمسات جمالية

ستحتاج إلى إضافة صورك الخاصة لللمسات الجمالية إلى مكون السمة. الحجم الجيد هو حوالي 100×100 بكسل. الصورة التي استخدمتها في المثال أعلاه هي 88×88 بكسل. يمكنك تنزيل صورة قالب شفافة هنا للبدء إذا كان ذلك مفيدًا:

أسهل طريقة لرفع صورة هي إنشاء مكون محلي منفصل باسم “Trust Level Avatar Flair Assets” (تعليمات هنا لأولئك غير الملمين). عند عرض مكون الأصول، حدد زر + إضافة تحت قسم الuploads في مكون السمة واختر ملف صورة اللمسة الجمالية الخاص بك. كرر ذلك لكل صورة لمسة جمالية تريد تضمينها. بمجرد رفع الصور، انقر بزر الماوس الأيمن على رابط الصورة وانسخ عنوان URL للصورة. أخيرًا، الصق عنوان URL في حقل مستوى الثقة الذي تختاره.

استخدام Font Awesome لللمسات الجمالية الخاصة بك

يمكنك استخدام أيقونات Font Awesome بدلاً من استخدام الصور المرفوعة. يمكن العثور على قائمة كاملة بالأيقونات المتاحة هنا. كل ما عليك فعله هو تحديد الإعداد لاستخدام Font Awesome ثم إضافة اسم الأيقونة إلى حقل صورة اللمسة الجمالية المناسب:

ملاحظة مهمة: حاليًا لا يمكنك دمج Font Awesome والصور معًا، إذا كان هناك اهتمام قوي بذلك، يمكنني البحث في الأمر أكثر.

الإعدادات

ستجد أن هناك العديد من الإعدادات المتاحة داخل مكون السمة هذا. تحتوي على أوصاف تشرح وظيفتها وكيفية استخدامها، ولكن إذا كان لدى أي شخص اقتراحات حول كيفية تحسينها لجعل الأمور أكثر وضوحًا، فالرجاء إخباري!

عند تمرير الماوس فوق لمسة الصورة الرمزية لمستوى الثقة، سيظهر اسم مستوى الثقة. إذا كنت ترغب في تغيير اسم مستوى الثقة، فيمكنك الذهاب إلى Admin > Customize > Text والبحث عن التالي لتغيير الأسماء:

• js.trust_levels.names.newuser
• js.trust_levels.names.basic
• js.trust_levels.names.member
• js.trust_levels.names.regular
• js.trust_levels.names.leader

لا تتردد في النشر إذا كانت هناك أي أسئلة أو مشاكل أو اقتراحات!

	المستودع	Trust-level Avatar Flair
	دليل التثبيت	كيفية تثبيت سمة أو مكون سمة
	جديد في سمة Discourse؟	دليل المبتدئين لاستخدام سمة Discourse

[jtbayly]

Is there any chance of this eventually supporting group flair?

[tshenry (Taylor)]

@jtbayly

Is there any chance of this eventually supporting group flair?

I’d like this particular component to remain focused on trust-level, but that doesn’t mean I’m not open to exploring something similar for group flair.

I looked back at your original request.

@jtbayly

we do have the need to display 2 or 3 flair from different groups.

I’ll need to look into how doable this is with a theme component. I suspect that accessing the full list of groups a user belongs to would require a plugin that adds that info to the appropriate serializer, but I could be wrong. I will let you know if/when I have good news. I have a pretty full plate at the moment, so it could be a while before I have an update.

[jtbayly]

That’s very kind of you. I’m not familiar enough yet to know what can be done with themes vs plugins.

[Jason3 (Jason)]

wow, i love it, i’m using it only for my trust level 4 leaders.

i have so many groups, and they all have different flairs, and so many colored name tags, that this is nice so the community and the new users know who are the leaders and the mods and are there to help them out

[anon48433008]

Taylor

Whats the chances an admin option, or user option could be added to remove this per individual request?

If that’s a bit much to ask could you provide the css to add that might remove for an individual?

Thank you

[tshenry (Taylor)]

A new setting for users or admins is a bit more than I am interested in adding at this time, but I have just pushed a update that will add a new class to the trust level avatar flair element so you can target a specific user. Replace USERNAME with the username of the relevant user to hide the flair from their avatar:

tl-flair-USERNAME {
    display: none !important;
}

[tshenry (Taylor)]

مهم: إذا كنت قد قمت سابقًا برفع ملفات صور الزينة (flair) مباشرة إلى هذا المكون، فستحتاج إلى إعادة رفع صور الزينة إلى مكون منفصل قبل التحديث. يرجى الاطلاع على ما يلي.

لقد قمت للتو بدفع تحديث صغير وتعديل المنشور الأصلي لهذا الموضوع. لم يعد دعم إضافة أصول الأيقونات مباشرة إلى هذا المكون. عند تحديث مكون سمة عن بُعد، يتم حذف جميع الأصول التي تم رفعها يدويًا لأنها تحاول المزامنة مع مستودع GitHub البعيد. يمكن أن يؤدي ذلك إلى إنشاء حالة مربكة/مزعجة للمسؤولين، لذا نقوم الآن بحظر إضافة التحميلات إلى السمات عن بُعد على الإطلاق.

التوصية الجديدة هي كالتالي:

@tshenry

أسهل طريقة لرفع صورة هي إنشاء مكون محلي منفصل يُدعى " أصول زينة صورة الرتبة " (يمكنك الاطلاع على التعليمات هنا لأولئك غير الملمين). عند عرض مكون الأصول، حدد زر + إضافة الموجود تحت قسم التحميلات في مكون السمة واختر ملف صورة الزينة. كرر هذه العملية لكل صورة زينة ترغب في تضمينها. بمجرد رفع الصور، انقر بزر الماوس الأيمن على رابط الصورة وانسخ عنوان URL الخاص بها. أخيرًا، الصق عنوان URL في حقل الرتبة الذي تختاره.

يرجى إخباري إذا كانت لديك أي أسئلة أو واجهت صعوبة في فهم الإعداد الجديد.

[LeCoyote (https://hec.fm)]

مرحبًا @tshenry، وشكرًا لك على كل ما تبذله من جهد
أحتاج إلى عرض شارة ثانية في منتداي (أنا أملك بالفعل الشارة الأساسية المعروضة لمجموعة) من مجموعة ثانية.
سيكون هذا المكون المخصص لشعارات الصور الرمزية حسب مستوى الثقة مثاليًا، لكنني أحتاجه فقط ليكون قادرًا على عرض 10 مجموعات (مستويات الوصول في نظام Discourse الخاص بي).

قرأت أنك كنت منفتحًا على هذه الفكرة في عام 2018، هل لا تزال تعتقد أنها ممكنة؟

[jtbayly]

أستخدم هذا حاليًا:

Post Badges

Summary Post Badges will add earned badges next to a post author’s username. Specific badges to display can be adjusted through a theme setting. Preview Preview on theme-creator.discourse.org Repository Link https://github.com/discourse/discourse-post-badges New to Discourse Themes? Beginner’s guide to using Discourse Themes Install this theme component [39%20PM] Key features Support for both default and custom …

[LeCoyote (https://hec.fm)]

نعم، ظننت ذلك وحاولت، لكن الشارات مع هذا المكون صغيرة جدًا لدرجة يصعب معها رؤيتها…
أتمنى حقًا أن نتمكن من استخدام الشعارات والصور الرمزية مع المجموعات الثانية

[tshenry (Taylor)]

@LeCoyote

لقد قرأت أنك كنت منفتحًا على هذه الفكرة في عام 2018، هل لا تزال تعتقد أنها ممكنة؟

للأسف، لا أعتقد أنها ممكنة حاليًا باستخدام مكون سمة. لا أعتقد أننا نقوم بتسلسل بيانات المجموعة المطلوبة في جميع سياقات زينة الصورة الرمزية الثلاثة، بل فقط في المجموعة الأساسية. في هذه المرحلة، أعتقد أنه يجب تنفيذ ذلك كإضافة. للأسف، لا أملك الوقت الكافي للعمل على شيء مثل هذا في الوقت الحالي. يمكنك دائمًا تجربة Marketplace إذا كنت بحاجة إلى شخص لمساعدتك في بناء حل لموقعك.

[Fraudoctor (Christian)]

هل من الممكن استخدام هذه الميزة ولكن مع وجود شارات ثقة مختلفة فقط إذا كان الشخص ينتمي أيضًا إلى مجموعة معينة؟

مثال: أريد شارة للأشخاص في مجموعة واحدة وليس في مجموعة أخرى.

[Don]

مرحباً تايلور،

شكراً لك على هذا الـ TC. ألاحظ تحذير الإهمال هذا الذي قد يسبب مشاكل بعد التحديث إلى Ember CLI. سأكون ممتناً لو أمكنك إصلاحه. شكراً لك

[tshenry (Taylor)]

شكرا على التنبيه! يجب أن تكون جاهزًا بمجرد تحديث المكون:

Replace Discourse global with import

[satonotdead]

هل يمكن تعطيله للموظفين؟

[Arduous (Alan Inglis)]

مستويات ثقة المستخدمين معروضة الآن في أسفل يسار منشور المستخدم بدلاً من تضمينها ضمن شارة صورة/صورة رمزية للمستخدم.

هل يواجه أي شخص نفس الشيء؟

[ondrej]

أهلاً آلان

هل تتحدث عن مكون السمة هذا؟

Trust-Level Avatar Flair

This theme component allows an admin to add flair to user avatars based on the user’s trust level. Trust level flair displays anywhere on the site that you would normally see group flair. There are a few theme settings to adjust the position of the flair in relation to the avatar. Basic Examples (with group flair in place) [examples] There is also a bottom-right position that will either replace group flair or be replaced by group flair depending on how you set the “group flair always on top” …

[Arduous (Alan Inglis)]

هذا هو @ondrej

بدلاً من وضعه داخل الصورة - تم وضعه في أسفل اليسار.

لذلك حيث قمت بالدائرة أعلاه.

[maiki]

مرحباً @Arduous!
يسرني أن @ondrej قد حدد المكون المتأثر.
هل تحققت من وحدة تحكم الويب لمعرفة ما إذا كانت هناك أي أخطاء في الموقع؟ هل من الممكن مشاركة رابط للموقع المتأثر لنتمكن من إلقاء نظرة عليه؟