时尚登录

主题组件
,
1
:discourse2: Summary Trendy Login changes the default design of static login page (/login) on login required sites and adds the ability to customize the page content via component settings.
:hammer_and_wrench: Repository Link https://github.com/discourse/discourse-trendy-login
:question: Install Guide How to install a theme or theme component
:open_book: New to Discourse Themes? Beginner’s guide to using Discourse Themes

Install this theme component

Features

image
image936×866 161 KB

Settings

Name Description
bg_image Custom image link for background
bg_color Custom color code for background
bg_gradient_1 First color code for gradient
bg_gradient_2 Second color code for gradient
login_subheader Subheader content, allows HTML markup

:information_source: Note that the settings priority is in this order:

custom_bg_image > custom_bg_color > custom_bg_gradient_1/2.


:discourse2: Hosted by us? Theme components are available to use on our Standard, Business, and Enterprise plans.

54 个赞
41

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

42

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

image
image778×808 45.4 KB

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

1 个赞
43

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

44

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

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

2 个赞
45

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

2 个赞
46

这有意义吗？

2 个赞
47

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

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

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

该插件描述说明：

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

2 个赞
49

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

2 个赞
51

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

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

1 个赞