غير أيقونة الإعجاب إلى 👍

:discourse2: ملخص تغيير أيقونة الإعجاب إلى :+1: تتيح لك تغيير أيقونة :heart: إلى أيقونة :+1: — أو أي رمز آخر من مكتبة Font Awesome 5.5 تفضله.
:eyeglasses: معاينة معاينة على منشئ مواضيع Discourse
:hammer_and_wrench: رابط المستودع https://github.com/discourse/new-like-icon
:open_book: جديد في مواضيع Discourse؟ دليل المبتدئين لاستخدام مواضيع Discourse

تثبيت مكون هذا الموضوع

الميزات

:information_source: منذ انتقالنا إلى Font Awesome 5، قمنا ببناء واجهة برمجة تطبيقات داخلية تقدم مجموعة فرعية من جميع أيقونات FA للعملاء — فقط الأيقونات النشطة الاستخدام في Discourse. يمكن لمالكي المواقع استخدام إعداد الموقع مجموعة أيقونات SVG لتسجيل أيقونات إضافية لحالة Discourse الخاصة بهم.

قبل

like%20before
like%20before2

بعد

like
like%20after

إذا رغبت،

  • يمكنك تغيير لون أيقونة الإعجاب عبر /admin/customize/colors/ (ابحث عن إعداد لون الحب)
  • يمكنك تغيير النص من “like” إلى مصطلح مختلف عبر /admin/customize/site_texts/

:discourse2: مُستضاف لدينا؟ تتوفر مكونات الموضوع للاستخدام في خططنا القياسية، والأعمال، والمؤسسات.

59 إعجابًا

Hi,
Sorry to dredge up this topic again but I am totally confused. I just came across this as I saw another discourse forum using a thumbs up so I did some googling.
What I’d like to do is instead of using the Thumbs up, is to use the Pig icon from here - Font Awesome with the outline version being the Unliked icon. Is that possible? Since it’s a Pro icon, would I have to download it or make my own and add it as a custom icon or emoji and then apply it to the Like Icon component.? Not sure how to do that either.
I have the Change Like Icon component installed and tested it out on an unused theme and it does work as intended. The problem is I see no area in settings under that component to mess with CSS, so there’s no place to add the scripting from earlier on in this thread.
Any help would be appreciated, thanks.

إعجابَين (2)

مثل @Phlipups، أحاول تغيير الأيقونة ببساطة إلى أيقونة الجعة الصلبة، لكنني أحصل على مساحة فارغة.


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

مرحبًا تريس،

حاول إضافة beer إلى admin/site_settings/category/all_results?filter=svg%20icon%20subset
إعداد موقع مجموعة أيقونات SVG.
وأعتقد أن استخدام beer فقط بدلاً من fa-beer كافٍ. أيقونة البيرة لا تحتوي على نسخة محاطة بإطار فقط في النسخة المجانية، لذا سيتغير اللون فقط بعد النقر.

3 إعجابات

:star_struck:

مذهل يا دون! شكرًا لمساعدتك!

إعجاب واحد (1)

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

4 إعجابات

لقد قدمت للتو طلب سحب لجعل المستودع أوضح قليلاً (بعد عدم تمكني من تحديد TC في نسختي):

أتساءل عما إذا كان يجب أيضًا تغيير رابط المستودع من new-like-icon إلى شيء أوضح. بالطبع، سيؤدي ذلك إلى فوضى، لذا ربما لا!