Заменить значок «Нравится» на 👍

||||
-|-|
:discourse2: | Summary | Change the Like Icon to :+1: позволяет заменить иконку :heart: на иконку :+1: или любой другой глиф Font Awesome 5.5, который вам нравится.
| :eyeglasses: | Предпросмотр | Предпросмотр в Discourse Theme Creator
:hammer_and_wrench: | Ссылка на репозиторий | https://github.com/discourse/new-like-icon
:open_book: |Новичок в темах Discourse? | Руководство для начинающих по использованию тем Discourse

Установить этот компонент темы

Возможности

:information_source: С тех пор, как мы перешли на Font Awesome 5, мы создали внутренний API, который доставляет клиентам подмножество всех иконок FA — только те иконки, которые активно используются в Discourse. Владельцы сайтов могут использовать настройку сайта svg icon subset для регистрации дополнительных иконок для своего экземпляра Discourse.

До

like%20before
like%20before2

После

like
like%20after

При желании вы можете:

  • изменить цвет иконки лайка через /admin/customize/colors/ (ищите настройку цвета любви)
  • изменить текст с «лайк» на другой термин через /admin/customize/site_texts/

:discourse2: Хостинг у нас? Компоненты тем доступны для использования на наших тарифных планах Standard, Business и Enterprise.

59 лайков

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

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

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

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

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 лайка

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

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