Change the Like Icon to 👍

[Discourse]

	Summary	Change the Like Icon to allows you to change the icon to the icon – or any other font awesome 5.5 glyph you prefer.
	Preview	Preview on Discourse Theme Creator
	Repository Link	https://github.com/discourse/new-like-icon
	New to Discourse Themes?	Beginner’s guide to using Discourse Themes

Install this theme component

As this is an official theme component maintained by the Discourse team, Support, Bug, UX, and Feature requests can be made in the respective categories here on Meta, and tagged with the appropriate theme component tag. Click on a link below to get one started.

 Support  Bug  UX  Feature

Features

Since we switched to Font Awesome 5, we built an internal API that delivers a subset of all FA icons to clients – only those icons actively used by Discourse. Site owners can use the svg icon subset site setting to register additional icons for their Discourse instance.

Before

After

If desired,

• you can change the color of the like icon via /admin/customize/colors/ (look for the love color setting)
• you can change the text from “like” to a different term via /admin/customize/site_texts/

Hosted by us? Theme components are available to use on our Standard, Business, and Enterprise plans.

Last edited by @JammyDodger 2024-06-11T12:34:28Z

Check document

Perform check on document:

[Phlipups]

Привет!
Извините, что снова поднимаю эту тему, но я совершенно запутался. Я наткнулся на это, увидев другой форум Discourse, где используется значок «большой палец вверх», поэтому я поискал в Google.

Мне бы хотелось вместо значка «большой палец вверх» использовать значок свиньи отсюда: Pig Icon | Font Awesome, причём контурная версия должна быть значком «не понравился». Это возможно? Поскольку это Pro-иконка, мне нужно ли её скачать, создать свою собственную и добавить как пользовательский значок или эмодзи, а затем применить к компоненту Like Icon? Не уверен, как это сделать.

У меня установлен компонент Change Like Icon, я протестировал его на неиспользуемой теме, и он работает как задумано. Проблема в том, что в настройках этого компонента я не вижу раздела для работы с CSS, поэтому нет места, куда можно добавить скрипт из предыдущих сообщений в этой теме.

Буду благодарен за любую помощь, спасибо.

[Tris20 (Tristan)]

Как и @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>

[Don]

Привет, Трис,

Попробуй добавить beer в настройку сайта admin/site_settings/category/all_results?filter=svg%20icon%20subset — «Набор SVG-иконок».
И, думаю, достаточно использовать просто beer вместо fa-beer. В бесплатной версии иконка пива представлена только в рамочном варианте, поэтому после клика изменится только цвет.

[Tris20 (Tristan)]

Прекрасно, Дон! Спасибо за помощь!

[mangojumbo (Luca)]

Привет, ребята! Я установил этот компонент, и хотя он отлично работает и успешно заменяет иконку сердца в списке постов, в электронных письмах, которые получают мои пользователи, всё ещё отображается старая иконка сердца.

Не упустил ли я что-то? Нужно ли мне также внести изменения в шаблон письма?

Спасибо за разработку такого замечательного компонента!

[nathank (Nathan Kershaw)]

Я только что отправил PR, чтобы сделать репозиторий немного понятнее (после того как не смог идентифицировать TC в своем экземпляре):

Update description, link to meta topic, and title (#12)

Мне интересно, не стоит ли также изменить ссылку на репозиторий с new-like-icon на что-то более понятное. Конечно, это вызвало бы хаос, так что, возможно, нет!