自定义标题链接(图标)

我下面的回复是针对一篇已被删除的帖子,该帖内容如下。我本人仍然对 FA5 图标感兴趣……

我们还能通过这个插件添加图标吗?问一下是因为它现在不工作了。我需要添加 Facebook、Twitter 和 Instagram 的图标。

这里没有 SVG 图标的选项:[截图]

您之前使用过它吗?发生了什么变化?您尝试过哪些方法?

您是否可能下载了该插件的非图标版本?

我成功让 Font Awesome 4 图标正常工作,但 Font Awesome 5 不行(除了内置的 2-3 个):请参见我上面的帖子。

是的,我实际上下载了非图标版本,经过一番研究后我才意识到这一点。现在它已经可以配合 discourse-icon-header-links 正常运行了。

太好了。您能分享一下您使用的设置吗?我想尝试一下,看看我哪里做错了。谢谢。

好的,这是:- Screenshot by Lightshot

Facebook, fab-facebook, https://www.facebook.com/, vdo, blank
Twitter, fab-twitter, https://www.twitter.com/, vdo, blank
Instagram, fab-instagram, https://www.instagram.com/, vdo, blank

如果这能帮到您,请告诉我 :slight_smile:

1 个赞

非常感谢。这三个是内置的,在我这里也能用。

您能否尝试一下其他 FA5 图标,并告知结果如何?

我尝试了 LinkedIn,它有效:Screenshot by Lightshot

如果您添加了任何 FA5 图标,请确保在 SVG 图标部分为列表中使用的每个图标包含 FontAwesome 5 图标类:Screenshot by Lightshot

谢谢!

1 个赞

非常感谢。它是否也适用于非 Fab 图标?

不行,没有 fab- 前缀是无法工作的。

不过,我认为这可能不太准确,如果不对还请见谅……

例如,要使用 Address Card Icon | Font Awesome 上的地址卡图标,需要将 far fa-address-card 改为 far-address-card(并将其添加到“图标 SVG 子集”设置中)。仅去掉 fa- 前缀是无法生效的。

我是在查看 FEATURE: Update Font Awesome to v5.4.1 and SVGs by pmusaraj · Pull Request #6557 · discourse/discourse · GitHubFEATURE: Update Font Awesome to v5.4.1 and SVGs by pmusaraj · Pull Request #6557 · discourse/discourse · GitHub 之后才发现这一点的。

1 个赞

有没有办法删除现有的标题链接?

我成功安装了。
现在我想添加一个指向车辆分类的图标 Rocket Icon | Font Awesome
我做了如下设置:
移动端和桌面端链接,fas-rocket,c / vehiculos / 69,vdm,blank
然后在下方放置了
fas-rocket

但图标无法显示,我该如何上传该图标?

试试只用“rocket”。

这个猜测是基于在 FEATURE: Update Font Awesome to v5.4.1 and SVGs by pmusaraj · Pull Request #6557 · discourse/discourse · GitHub 中搜索“rocket”一词得出的。

3 个赞

谢谢,你知道这个图标是否可用吗?

我想我不得不手动添加它。这对我来说有点难。
是这样做的吗?

在插件中:只需将 SVG 精灵文件包含在 plugins/your-plugin-name/svg-icons 文件夹中。重启你的服务器(如果在开发环境)或在 Docker 容器中重新构建站点,你的自定义图标就会自动可用。

能否有人为我在一个使用 DigitalOcean 且对技术一无所知的论坛上,总结一下如何添加面具图标?谢谢。

我刚刚在我的论坛上测试了一下,临时修改了其中一个图标。如果你在header links中将其命名为“rocket”(不带引号),该图标就能正常工作。如果不起作用,可能是你该行代码的其他部分有问题。无需将其添加到svg icons中。

1 个赞

是的,非常感谢,火箭运行完美。但现在我想添加这个:

抱歉,我错误地以为您指的仍是原始图标。代码中并未提及剧院图标,因此无法生效。

我尝试了各种方法添加 FA5 图标,但均未成功。此处的任何建议对我都无效。

svg icons 中添加的任何内容都没有产生任何影响。值得注意的是,在较近期的帖子中提到的 Instagram 图标出现在代码中,因此我认为它能生效是因为这个原因(而不是因为它被添加到了 svg icons 中)。

1 个赞

我收到了该组件的以下安全报告;我可以将其配置为使用 rel="noreferer, noopener" 代码吗?

1 个赞

更新到 Discourse 最新版本后,图标不再显示。可能是什么原因?

2 个赞

我们已将其添加到我们的实例中,效果非常出色,非常感谢这个插件!

是否有可能添加一个设置,在新图标和现有的默认图标之间增加一些空白?我可以通过添加 ,,,, 来模拟,但这会默认链接到主题设置页面,不过我们想要的正是这种外观;
Screen Shot 2021-05-20 at 13.22.40

3 个赞

听到这个消息太好了:+1:

当然可以,我刚刚在这里添加了该设置(默认关闭)

从您的设置中移除空设置,更新组件并切换新设置,页面刷新后它应该就能开始工作了。

5 个赞