트렌디한 로그인

: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: 우리가 호스팅하고 있나요? 테마 컴포넌트는 Standard, Business, Enterprise 플랜에서 사용할 수 있습니다.

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개의 좋아요