أين يمكنني العثور على قائمة بالأيقونات المستخدمة في Discourse؟

الدعم
1

In the sample “new like icon” repo, we see:

<script type="text/discourse-plugin" version="0.8">
      api.replaceIcon('d-liked', 'thumbs-up');
      api.replaceIcon('d-unliked', 'thumbs-o-up');
      api.replaceIcon('notification.liked', 'thumbs-o-up');
      api.replaceIcon('notification.liked_2', 'thumbs-o-up');
      api.replaceIcon('notification.liked_many', 'thumbs-o-up');
      api.replaceIcon('heart', 'thumbs-up');
</script>

I don’t know that I’d have guessed to replace notification.liked_many_2

Where could we see a list of all the icons in use by discourse?

2

هذا ما يجب أن تبحث عنه:

https://github.com/discourse/discourse/blob/main/app/assets/javascripts/discourse-common/addon/lib/icon-library.js

3

I was trying to replace an icon over in this topic: How to replace an icon using CSS

The icon in question was .d-icon-lock, but I don’t see it in the list above. Where would I find the icon, so I know what to target in the api.replaceIcon above?

4

In this case you would just use the FA icon name:

<script type="text/discourse-plugin" version="0.8">
  api.replaceIcon('lock', 'times-circle');
</script>
5

I see. I guess I was asking for a list of all icons… perhaps searching the source for {d-icon ' is what I’m looking for.

6

لدي نفس السؤال، والرابط أعلاه لا يعمل. لقد بحثت وتصفح الكثير من هذا الموضوع: Introducing Font Awesome 5 and SVG icons
لكنني أيضًا لا أرى قائمة لمعرفة ما إذا كانت الأيقونة موجودة في المجموعة الأساسية أم لا. ولا أستطيع العثور على أي نتائج بحث أخرى ذات صلة في المنتدى أيضًا.

7

يستخدم Discourse أيقونات Font Awesome المجانية. توجد جميع الأيقونات المتاحة التي يمكن استخدامها هنا. قد تحتاج إلى إضافة بعض الأيقونات إلى مجموعة أيقونات SVG في إعدادات الموقع. يمكنك معرفة الأيقونات الموجودة على موقعك بإضافة /styleguide/atoms/icons إلى رابط الموقع. إذا لم يظهر هذا، يرجى التحقق من تفعيل styleguide في إعدادات الموقع.

إذا كنت ترغب في الوصول إلى الأيقونات الاحترافية، فأنت بحاجة إلى تثبيت الإضافة Discourse FontAwesome Pro.

8

https://meta.discourse.org/styleguide/atoms/icons

لديك هذا أيضًا في منتداك. قد تحتاج إلى تمكين الإضافة.

9

شكرًا لك @ondrej و @pfaffman! كنتُ على دراية باستخدام Font Awesome، وكنتُ أعرف أنني قد أحتاج إلى إضافة بعض الأيقونات الجديدة، ولهذا أردتُ معرفة ما هو مُدرج. روابط ملحق Meta و Styleguide مفيدة للغاية. لا تزال لدي بعض الصعوبات في معرفة كيفية إضافة أيقونات جديدة في بعض الحالات (ولكن بشكل غريب ليس في جميعها)، لكنني سأفتح موضوعًا أو ردًا منفصلًا بخصوص ذلك. :wink: