时尚登录

:discourse2: 摘要 Trendy Login 更改了需要登录的站点上静态登录页面(/login)的默认设计,并允许通过组件设置自定义页面内容。
:hammer_and_wrench: 仓库链接 https://github.com/discourse/discourse-trendy-login
:question: 安装指南 如何安装主题或主题组件
:open_book: 初次接触 Discourse 主题? Discourse 主题使用入门指南

安装此主题组件

功能特性

设置

名称 描述
bg_image 背景自定义图片链接
bg_color 背景自定义颜色代码
bg_gradient_1 渐变的第一个颜色代码
bg_gradient_2 渐变的第二个颜色代码
login_subheader 副标题内容,支持 HTML 标记

:information_source: 请注意,设置的优先级顺序如下:

custom_bg_image > custom_bg_color > custom_bg_gradient_1/2


:discourse2: 由我们托管? 主题组件可在我们的标准版、商业版和企业版计划中使用。

54 个赞

你好。这个还有效吗?我在论坛上尝试了最新的 discourse 版本,但它不起作用?

是的,在我这里最新版本上可以正常工作:

您看到的是默认登录页面吗?该组件是否已为主题启用?

1 个赞

是的,主题组件已启用,但我仍然看到旧的登录屏幕。

我知道这是一个旧评论,但我刚开始在测试站点上使用它,所以我想检查一下。

您必须启用 login required 站点设置才能获得静态登录页面。否则,正如您所注意到的,您可以启用该组件,但仍然会看到登录模态框,而不是时尚的登录。

2 个赞

您好!我正在尝试这个,但是登录页面左侧有一个很大的条。如何将其删除?谢谢。

2 个赞

这有意义吗?

2 个赞

是的,我已经检查过了。原来是 CSS 的一个添加项。

.wrap {
    max-width: max-content;
}
2 个赞

抱歉,我不明白你的问题。

该插件描述说明:

要获得静态登录页面,你必须要求登录。如果你不这样做,而是访问 /login 路由,你将获得一个登录模态框,并且此组件将被忽略。

2 个赞

明白了,谢谢,我之前不知道有区别。

2 个赞

您好。在 PC 屏幕上,这个效果非常好,但在移动设备上,它只使用了图像的左侧三分之一。有什么办法可以让我将 PC 图像在宽度上缩小更多——我明白纵横比是不同的。

非常感谢您能就如何在典型的 PC 屏幕和移动设备上使用该组件以获得良好效果提供任何建议。

1 个赞