如何在自定义页眉链接主题组件中使用自己的SVG图标?

我安装了一个组件,该组件仅允许我通过 fontawesome 网站在论坛标签中放置图标,但我想使用自己的图标,该如何上传和使用它们?

[image]

1 个赞

在主题中替换 Discourse 的默认 SVG 图标为自定义图标

2 个赞

感谢您的回复,我想要使用这个

但不知何故,我在我的网站上上传的 SVG 图标无法在此处使用。

2 个赞

哦。我怀疑你需要做一些工作才能实现。我已相应地更改了您的标题,希望它能引起对该主题组件有更多了解的人的注意。

它说:

我认为这意味着使用其他图标很难或不可能。

2 个赞

现在支持添加自定义图标,自此提交以来:

在主题设置中添加标题链接时,粘贴图标的网址即可在标题中显示。

1 个赞

您好!感谢您的回复和帮助!我该如何安装它?

1 个赞

您好 @danielabc

您只需导航到 /admin/customize/themes 中的组件,找到 Icon Header Links 组件。如果它不是最新版本,您应该会看到一个更新按钮。

更新主题组件后,在您配置每个图标链接的主题设置中,只需使用图片源的 URL 而不是 Font Awesome 图标名称。

例如,这是我设置链接的方式:

Desktop mobile link, https://upload.wikimedia.org/wikipedia/commons/thumb/5/53/Pok%C3%A9_Ball_icon.svg/1200px-Pok%C3%A9_Ball_icon.svg.png, https://facebook.com, vdm, self

渲染效果如下:

2 个赞