트렌디한 로그인

: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

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.

Last edited by @NateDhaliwal 2025-02-18T10:27:45Z

Last checked by @tobiaseigen 2025-02-18T14:13:23Z

Check documentPerform check on document:
54개의 좋아요

Hello. Does this still work? I tried it on my forum with the latest discourse version but it didn’t work?

Yes, it’s working for me on the latest version:

Do you see the default login page instead? Is the component enabled for the theme?

1개의 좋아요

yes the theme component is enabled and I still see the old login screen.

I know this is an old comment, but I’ve just started using this on a test site so I want to check in.

You must enable the login required site setting to get the static login page. Otherwise, as you noted, you can enable the component but you’ll still get the login modal rather than the trendy login.

2개의 좋아요

Hello! I am trying this, but the login page has a large bar on the left side. How do I remove it? Thank you.

2개의 좋아요

Does this make any sense?

2개의 좋아요

Hello yes. I had that checked. It ended up being an add to the CSS.

.wrap {
    max-width: max-content;
}
2개의 좋아요

Sorry, but I don’t understand your question.

The plugin description states:

To get the static login page you must require login. If you don’t and you hit the /login route, you get a login modal instead and this component is ignored.

2개의 좋아요

I see, thank you, I was not aware of the difference.

2개의 좋아요

Hi. This is working beautifully on a pc screen but only uses the left hand third of the image on mobile. Is there something I should to to get the pc image to shrink more widthways - realising that the aspect ratio is different.

Any advice how to use the component for a good look on typical pc screen and mobile much appreciated.

1개의 좋아요

이 컴포넌트에서 비디오 링크는 어디에서 가져오나요? 테마 플러그인 설정에 없습니다.

이것은 login subheader 설정의 일부입니다.

예시에서는 다음과 같은 것이 사용되었을 것으로 생각됩니다:
회원가입 전에 사이트에 대한 중요한 정보를 이 공간에 포함시키고, 심지어 비디오까지 넣을 수 있습니다: <iframe width="560" height="315" src="https://www.youtube.com/embed/u7iW9DyFw7M?si=SQImwxaPkPVQgaNt" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

YouTube의 공유 옵션에서 임베드 코드를 가져올 수 있습니다.

또 다른 혼란스러운 부분은 "Title"입니다. 플러그인/컴포넌트에 사용자 정의 제목을 내장하면 사용자가 원하는 제목을 자유롭게 추가할 수 있을 텐데, 왜 그렇게 하지 않을까요? 소스를 어디에서도 찾을 수 없네요.

그리고 로고는 커뮤니티 전체 로고에서 가져온 건가요? 이 버전의 로고를 수정해서 페이지에 잘 어울리도록 하면 좋겠습니다.

"Welcome to …"은 해당 구성 요소가 비활성화되어 있을 때에도 사용되는 사이트 텍스트입니다. /admin/customize/site_texts에서 login_required.welcome_message를 검색하여 커스터마이즈할 수 있습니다.

1개의 좋아요