自定义标题链接(图标)

您好,此组件运行正常,但是如何为创建的链接添加活动类,使其在 Discourse(相同)上成为链接时,我的默认图标项具有活动类,但组件中的链接没有?

1 个赞

这是一个有点令人困惑的主题,因为 OP 是作为 wiki 更新的,但大部分讨论都指的是几年前的组件版本。

主题和 OP 表明这除了文本链接外还支持图形图标。然而,Object Settings Editor 没有定义图标的字段。我尝试手动添加一个 SVG 图标:

"icon": "https://foo.svg",

图形按钮没有显示出来——我得到的是一个文本链接按钮,基于自定义链接的其他参数。此帖子和 OP 之间的旧讨论表明,我可能需要“在某处添加一些东西”来启用 SVG 图标,但是什么以及在哪里添加?

嘿,

您是指这个主题组件吗?

这个*自定义标题链接(图标)*主题组件没有 Object 设置。
如果您需要支持图标的标题链接,您可能想使用这个。 :+1:

2 个赞

请注意,我刚刚将此组件迁移到了我们新的对象设置中:

现在修改设置应该会容易得多。

2 个赞

您好,在尝试更新自定义页眉链接组件时,我遇到了这个错误:“发生错误:您为请求提供了无效的参数:JSON Pointer ‘/3/url’ 处的属性必须是有效的 URL。”

是的,我明白了可能导致此问题的原因……Schema 显示 url: true,实际上我们允许相对 URL,因此它只是一个字符串,被视为无效 URL。

我会查看一下。

1 个赞

请向我展示您的组件设置。如果您愿意,可以通过私信发送。

我现在不在家,会尽快处理。

1 个赞

我直接与 Patrick 在私信中解决了这个问题,如果有人遇到同样的问题,问题在于这些新设置使得 URL 检查更加严格。

您在设置中填写的任何 URL 都应该是正确编码的 URL,最简单的解决方案是在浏览器的控制台中运行 encodeURI

以这个 URL 为例:“/some-url?title=Foo bar:baz”

encodeURI("/some-url?title=Foo bar:baz")

将得到:

/some-url?title=Foo%20bar:baz
5 个赞

您好,虽然无法重新排序图标,但您可以通过点击组件中的“编辑器”按钮并重新排序代码行来编辑脚本以实现此目的:

1 个赞

正在运行 3.5.0.beta2-dev (137e8a0fa0)。我比最新版本落后 14 个提交

当我尝试更新时,我收到一个错误:

发生错误:您向请求提供了无效参数:JSON 指针 '/1/title' 处的属性必须存在。JSON 指针 '/1/icon' 处的属性必须存在。JSON 指针 '/1/url' 处的属性必须存在。

有什么办法可以解决这个问题吗?

您可以通过点击 Settings Editor 来告诉我们您的设置吗?

如果这是私密的,您可以给我发私信。

1 个赞

已发给你了,感谢!

1 个赞

只是跟进一下。正如我所怀疑的,Wingtip 的迁移因某些原因失败了。我给了他正确的设置。我想知道迁移在什么情况下会失败。:thinking:

编辑:
实际上,它一开始并没有成功,所以我建议他这样做:

另外,不知何故它无法接受有效的设置;我不得不重置设置,更新,然后用正确的设置重新配置。没什么大不了的,不需要太多配置。再次感谢您的帮助!

1 个赞

Introducing Font Awesome 5 and SVG icons

你好,我无法渲染自定义 SVG 图标,希望你能帮助我找出问题所在。

我已将 SVG 文件上传到默认主题:

然后我已将以下内容添加到此主题组件中:

image

image

我已使用 icons-sprite、fa-icons-sprite 和 fab-icons-sprite,但 SVG 无法渲染。占位符存在,可以点击,链接也有效,但矩形中没有图标。

检查器显示此:
<svg class="fa d-icon d-icon-fab-icons-sprite svg-icon svg-string" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"> <use href="#fab-icons-sprite"></use> </svg>

我认为应该将其移到一个新的 Dev 主题。

@icaria36
你能分享一下 Three_asterisks 的内容吗?

精灵图集遵循特定的格式。

然后,您可以使用 my-theme-icon-1my-theme-icon-2 作为您的标识符。

更多信息请访问 https://meta.discourse.org/t/replace-discourses-default-svg-icons-with-custom-icons-in-a-theme/115736。

2 个赞

@Arkshine 非常感谢!我确实看到了那个页面,但显然我滚得太快了。不,我还没有用 SVG 文件做那个作业。我会尝试一下(这是我第一次编辑 SVG 文件中的文本;万事都有第一次)::sweat_smile: 希望这样就可以了。:folded_hands:

1 个赞

我可以使用此组件加载 Facebook、Instagram 和 TikTok 图标,但无论我尝试什么,都无法加载原始 Twitter 图标或新的 X 图标。

有什么提示吗?

也许分享你的配置会有帮助。没有它,很难帮助你。

对我来说,它运行正常
image