自定义主题的预览图

大家好,

首先,我想指出我的问题是关于一件完全不重要的事情,但我还是想问一下 :wink::

在哪里/如何为自己的主题设置预览图片?在管理区域里,没有合适的预览图片看起来有点光秃秃的:

No preview image for own themes

我内心的阿德里安·蒙克(Adrian Monk)每次都会冒出来。我知道每个人都有一个内心的阿德里安·蒙克,有些人就像我一样。:face_with_tongue: 所以这可能对其他人也有一点点关系。

如果这个问题已经在 Meta 上回答过了,请原谅我。但我通过搜索没有找到任何合适的内容。

我记得这个指南,但不确定这是否是您要找的:

1 个赞

谢谢,但其实不是。或者是我没理解——这总是有可能的。:wink:

我创建的主题是我自托管的 Discourse 实例的标准主题的截图。所以我没有在任何地方下载或上传它。我也看不到 Docker 容器外部共享文件路径中的主题目录。

所以我现在还是有点迷茫……:man_shrugging:

我相信这些截图仅适用于您自己从 Github 创建的主题,就像您自己开发它们一样。因此,它位于 Documentation > Developer Guides 中。

是的。所以问题依然存在。有没有什么办法?

再说一次,这不是最重要的问题和功能。 :wink:

如果你完全通过管理员用户界面创建了主题,那么没有。
为了有截图,你应该有一个与主题相匹配的本地文件/目录结构。
你可以导出主题,解压它,按照上面提到的指南添加截图,然后重新压缩并导入。但话说回来,截图主要用于向其他人展示你的主题外观,所以如果你没有把它上传到任何地方,那会给谁看呢?

好的。谢谢你。那就这样吧。:slight_smile:

例如其他管理员。但正如我所说,这并不重要。我只是每次去编辑主题中的内容时都会注意到它。

这可能有点取巧,但你可以借助 CSS 将默认的 SVG 模式替换为自定义图片。
示例结果

在主题的上传部分,你添加截图

然后在“编辑代码”的 CSS 选项卡中添加

小写并用连字符替换空格

.theme-card.=THEME_NAME= .theme-card__image-wrapper svg {
 display: none;
}

.theme-card.=THEME_NAME= .theme-card__image-wrapper {
 background-image: url($=UPLOAD_NAME=);
 background-size: cover;
 background-position: center;
}

我希望这足以让你的内心“僧侣”平静下来一些。

5 个赞

哇,非常感谢你的帮助。正如你所描述的,它奏效了。而且多亏了你的帖子,我只需要复制粘贴一下。太棒了!:+1:

我的“内在僧侣”似乎不再起作用了。至少在这一点上是这样。:stuck_out_tongue:

2 个赞

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.