自定义标题链接(图标)

我已升级此功能,并在 /admin/customize/themes 页面上看到以下错误信息:

错误:未定义的变量:"$add-whitespace"。位于 common.scss 第 14 行 >> @if $add_whitespace == "true" { ----^

更新:我勾选了新的“空白”复选框,然后取消勾选(每次操作后都保存),错误已消失。

2 个赞

报告本身没错,但严重性评估略有偏差。这些链接并非用户生成内容,只有管理员可以通过管理面板添加它们。因此,可以合理假设管理员不会链接到不可信的站点。

不过,我与 David 简单沟通后,他建议无论如何都为外部链接添加 rel="noopener"。我已在此处添加了该设置。如果链接被设置为在新标签页中打开,该属性将自动添加。

关于 noreferrer

我认为不添加它更为有利,因为您可能希望链接到您的主站点,并获取有关有多少用户从您的社区被引荐到主站点的分析数据。

情况仍然如此吗?能否分享您的组件设置截图?

是的,我在更新时也注意到了这一点,但这与新的更改无关。不知为何,编译器没有立即识别该新设置。因此,您可能需要勾选该设置,然后取消勾选。

不过请放心,根据我的测试,该错误对您的站点没有任何影响。

5 个赞

我们的网站今天提示我应该升级主题组件,我刚刚通过点击“更新”按钮完成了操作。
但现在出现了以下错误:
错误:未定义的变量:"$add-whitespace"。位于 common.scss 第 14 行 >> @if $add_whitespace == "true" { ----^

我遇到过这个问题,勾选后再取消勾选该复选框后问题就自行解决了:Custom Header Links (icons) - #129 by Jonathan5

2 个赞

感谢你的报告 @GuidoD

我们已知晓此问题,但它不应对你的网站产生任何影响。这是一个我们正在内部追踪的编译器问题。

如果它导致你的网站出现任何问题,请告诉我——按理说不应该发生。

2 个赞

确实,我没有注意到任何进一步的问题。
我目前正在对网站进行 Discourse 重建,之后会再次检查。如果错误仍然存在,我会查看 Jonathan 的提示。

重建之后,错误消失了 :slight_smile:

感谢您出色的主题组件,我们使用它已经两年了。

2 个赞

你好,我使用的是 Discourse 2.8.0.beta1,在更新到该主题组件的最新版本时,出现了以下错误信息:

错误:未定义的变量 "$add-whitespace"。位于 common.scss 第 14 行 >> @if $add_whitespace == "true" { ----^
2 个赞

我也遇到同样的错误。我使用的是 2.7 稳定版。

我明白了。正如我上面提到的,这完全不会影响您的网站。

4 个赞

我可以确认这确实有效。

先勾选该选项,然后取消勾选,并刷新页面。

screenshot-vapingcommunity.co.uk-2021.06.07-13_48_21

你好,感谢这个插件。
我观察到一些关于 FA 图标的问题,想与您分享:
far- 图标的集成似乎可以正常工作(regular 风格),但 fas- 图标(solid 风格)却无法显示。

您可以尝试以下示例:

fas-building
对比
far-building

对此您有什么看法吗?far- 图标数量相比 fas- 图标少了很多(从设计角度来看更是如此),因此这是一个问题……

我认为你需要搜索代码,以查看可以使用哪些图标以及它们的名称(除非自上述评论发布以来已有更改)。

好吧,主题组件的描述表明,可以使用 任何 免费的 FA5 图标——无论其类别(品牌、常规、实心)如何。

请查看您引用的代码:

其中没有针对实心的 if 子句。因此,它应该写成:

when "solid"
  key = "fas-"

对吗?

据我所知,这一说法一直是不正确的。

好的——在这种情况下,是否应该在主题组件描述中修复?
但实际上,它确实适用于所有 far- 图标,所以我认为 fas- 只是被“遗漏”了。

1 个赞

我的知识局限在于,它并未按描述运行,以及如何通过查看代码找出哪些图标能正常工作 :slight_smile:

我认为实心图标的变量名通常是不带前缀实现的。你试过直接用 building 吗?

是的,当然。但毫无成效。
我想只有 fas- 的一小部分子集随 Discourse 一起发布。

对我有效……默认包含了一个子集(你可以在 /styleguide/atoms/icons 下看到)。其他图标需要你先添加,可以在管理设置中,也可以在组件本身中添加,就像这个例子:

2 个赞

我也让它工作了(在 SVG 图标和主题组件中使用了"building")——显示的是图标的实心版本 :+1: 我可能得收回之前的话(我仍然几乎确定有些本该正常工作的东西并没有起作用……)

2 个赞