将“喜欢”图标更改为👍

: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 以来,我们构建了一个内部 API,向客户端提供所有 FA 图标的子集——仅限 Discourse 实际使用的图标。站点管理员可以使用 svg icon subset 站点设置为其 Discourse 实例注册其他图标。

更改前

like%20before
like%20before2

更改后

like
like%20after

如果需要,

  • 您可以通过 /admin/customize/colors/ 更改点赞图标的 颜色(查找 love 颜色设置)
  • 您可以通过 /admin/customize/site_texts/文本 从 “like” 更改为其他术语

:discourse2: 由我们托管? 主题组件可在我们的标准版、商业版和企业版计划中使用。

59 个赞

你好,

抱歉再次提起这个话题,但我确实有些困惑。我最近看到另一个 Discourse 论坛使用了“点赞”图标,于是便去搜索了一下。

我想做的是:不再使用“点赞”图标,而是改用来自 Pig Icon | Font Awesome 的“小猪”图标,并将轮廓版本用作“取消点赞”图标。这是否可行?由于这是一个 Pro 图标,我需要下载它,还是自己制作一个,然后将其作为自定义图标或表情符号添加,再应用到“点赞”图标组件上?我也不太清楚具体该怎么做。

我已经安装并测试了“更改点赞图标”组件,在一个未使用的主题上验证过,它确实按预期工作。但问题是,我在该组件的设置中找不到任何可以修改 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>

嗨,Tris,

尝试在 admin/site_settings/category/all_results?filter=svg%20icon%20subset 页面中添加 beersvg icon subset 站点设置中。
另外,我认为只使用 beer 而不是 fa-beer 就足够了。免费版中啤酒图标没有单独的边框版本,所以点击后只会改变颜色。

3 个赞

:star_struck:

太棒了,Don!感谢你的帮助!

1 个赞

大家好,我安装了这个组件,它运行良好,成功替换了帖子列表中的心形图标,但用户收到的邮件通知中仍然显示旧的心形图标。
我是不是漏掉了什么?是否还需要修改邮件模板?
感谢你们开发了这个出色的组件!

4 个赞

我刚刚提交了一个 PR,让仓库更清晰一些(在我自己的实例中无法识别 TC 之后):

我确实想知道仓库链接是否也应该从 new-like-icon 更改为更清晰的名称。当然,这会引起混乱,所以也许不行!