使用标准分享图标分享帖子(而非链接图标)

近年来,分享图标或多或少已标准化为\n\n

\n\n或\n\n\n\n我认为前者最为标准。\n\n在 Discourse 上,分享帖子的图标是链接(如链条中的链接)图标。这也效果很好,但我认为如今这里顶部的节点图标是最为人所知的。\n\n是否有推荐的更改方式?

1 个赞

默认代码是:


  api.replaceIcon('link', 'share-alt');

奇怪的是,这不起作用。它与其他图标一起使用,就在它旁边,比如 bookmarkflaglink 应该是图标的名称……

@darkpixlz 你最近发帖说要把侧边栏的链接图标换成蛋糕……你在这里用了不同的图标名称吗?

2 个赞

谢谢,我也尝试过这样做(在标题中),但确实不起作用。

您的代码是要编辑这个元素,对吗?

<svg class="fa d-icon d-icon-d-post-share svg-icon svg-node" aria-hidden="true">
  <use xlink:href="#link">
  </use>
</svg>

所以是 d-icon-d-post-share

抱歉,我对(现代)JavaScript / CSS 还很陌生。

1 个赞

我曾提出过一个功能请求来实现它,但我从未手动成功过。

更新:我明白了你的意思,那只是基本的检查元素,并不是一个真正的插件。

2 个赞

它曾经是 link 图标,但它替换了 share 图标没有意义的链接图标(例如,在用于添加链接的格式栏按钮上)。

我刚刚测试了以下内容,它似乎按预期工作:

api.replaceIcon('d-post-share', 'share-alt');
api.replaceIcon('d-topic-share', 'share-alt');

第一个替换帖子内的图标,第二个替换主题底部的“共享”按钮的图标。

5 个赞

ah cool @renato! 效果很好 :tada:

实际上 external-link-alt 看起来也不错..

3 个赞

除了外部链接不是共享……无论它看起来多么好 :wink:

5 个赞

嗯……我猜我不会太担心图标的“词源” :nerd_face:,而是它是否在该上下文中常用。在这里似乎就是这种情况,例如,这是来自 Twitter 的一个视图:

image

谢谢 Renato。对我来说,图标消失了。

<script type="text/discourse-plugin" version="0.8">
  api.replaceIcon('d-post-share', 'share-alt');
  api.replaceIcon('d-topic-share', 'share-alt');
</script>

使用主题组件(使用默认主题)添加到页眉。我得到:

我需要做些别的什么吗,也许需要添加图标?

嗯,如果用户也能理解其功能的话,那就更好了 :wink:

转到设置并搜索 svg icon subset。添加 share-alt 即可。

4 个赞

太棒了,谢谢你 @Jagster

2 个赞

好吧,意见不同,我觉得分享图标比链接图标更能代表这个操作,但那只是我个人的看法。另外,如果你在移动设备上,这个操作实际上会打开操作系统分享界面,而且我敢肯定,之所以只使用链接方法,是因为我们目前对桌面版的 Web Share API 支持还不够好。

如果我理解@Jagster的评论是正确的话,他并不是反对在桌面版的share-alt用于external-link-plus-SM-share弹出窗口/移动版的OS share UI,而是说既然它是一个分享功能,使用外部链接图标并不能完全涵盖该功能。

这是我的理解,我可能错了。

1 个赞

哦,我想你是对的,我完全忽略了上下文……

抱歉,@Jagster

2 个赞