# 로그인 페이지에 프로젝트 설명 추가

**URL:** https://meta.discourse.org/t/add-project-description-to-login-page/190724
**Category:** Support
**Created:** [5월 17, 2021, 9:20오후 UTC](https://meta.discourse.org/t/add-project-description-to-login-page/190724 "2021-05-17T21:20:52Z")
**Posts on this page:** 12
**Page:** 1

<div class="post-metadata">

### Author: ![Wall-E](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/wall-e/32/184438_2.png) [@Wall-E](https://meta.discourse.org/u/Wall-E)
#### Post date: [5월 17, 2021, 9:20오후 UTC](https://meta.discourse.org/t/add-project-description-to-login-page/190724/1 "2021-05-17T21:20:52Z")

</div>

자체 호스팅 인스턴스에서 자체 가입(self sign-up)이 활성화되어 있지 않습니다. 관리자 및 모더레이터의 초대만 허용하는 방식으로 운영되고 있습니다. 따라서 초대장을 받지 않은 신규 사용자는 로그인 버튼과 기본 텍스트만 표시되는 매우 "드라이(dry)"한 페이지에 도달하게 됩니다(스크린샷 참조). 이 페이지에 프로젝트에 대한 설명과 초대 링크를 받으려면 누구에게 연락해야 하는지를 알려주는 커스텀 텍스트를 추가하고 싶습니다. 화려한 것보다는 일단 순수 텍스트만으로도 충분하며, 코딩을 많이 하지 않고 이를 구현할 방법이 있을까요?

 ![Screen Shot 2021-05-17 at 5.17.09 PM](https://global.discourse-cdn.com/meta/original/3X/d/b/dbeb03b44c5e8fcf2aa5b8e522c22d1c213b63cb.png)

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [5월 17, 2021, 10:33오후 UTC](https://meta.discourse.org/t/add-project-description-to-login-page/190724/2 "2021-05-17T22:33:58Z")

</div>

이를 수행하려면 플러그인 아웃렛을 사용할 수 있으며, 사이트 테마(관리자 \> 사용자 지정 \> 테마 \> HTML/CSS 편집)의 `</head>` 섹션에 일부 코드를 추가해야 합니다.

다음은 예시입니다:

```xml
<script type="text/x-handlebars" data-template-name="/connectors/below-static/custom-login">
    <div class="custom-login-content">
       Your custom content goes here
    </div>
</script>

```

이후 `</head>` 옆의 `CSS` 탭에 일부 CSS를 추가해야 합니다:

```css
.custom-login-content {
    display: none;
}
.static-login {
  .custom-login-content {   
    display: block;
  }
}

```

이렇게 하면 "You custom content goes here"라는 텍스트가 여기에 표시됩니다:

 ![Screen Shot 2021-05-17 at 6.31.26 PM](https://global.discourse-cdn.com/meta/original/3X/5/f/5fd643529c280302c4af80b3efa60e771b9cdb1d.png)

---

<div class="post-metadata">

### Author: ![Wall-E](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/wall-e/32/184438_2.png) [@Wall-E](https://meta.discourse.org/u/Wall-E)
#### Post date: [5월 18, 2021, 12:29오전 UTC](https://meta.discourse.org/t/add-project-description-to-login-page/190724/4 "2021-05-18T00:29:12Z")

</div>

훌륭한 해결책인 것 같습니다! 다만 "플러그인 아웃렛"이라는 표현이 무슨 뜻인지 조금 혼란스럽습니다. 해당 커스터마이징을 하려면 먼저 설치해야 하는 특정 플러그인이 있나요? 있다면 어떤 플러그인지 알려주시면 감사하겠습니다.

---

<div class="post-metadata">

### Author: ![pfaffman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pfaffman/32/120154_2.png) [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [5월 18, 2021, 1:38오전 UTC](https://meta.discourse.org/t/add-project-description-to-login-page/190724/5 "2021-05-18T01:38:06Z")

</div>

[Discourse 테마 개발자 가이드](https://meta.discourse.org/t/developer-s-guide-to-discourse-themes/93648)를 참고해 보세요. "plugin outlet"은 전문 용어입니다. 플러그인이 없어도 사용할 수 있습니다!

---

<div class="post-metadata">

### Author: ![Wall-E](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/wall-e/32/184438_2.png) [@Wall-E](https://meta.discourse.org/u/Wall-E)
#### Post date: [5월 18, 2021, 2:29오전 UTC](https://meta.discourse.org/t/add-project-description-to-login-page/190724/6 "2021-05-18T02:29:53Z")

</div>

그래서 정확히 그렇게 해보고 저장 버튼을 눌렀습니다. 다시 사이트로 돌아갔는데, 아무런 효과가 없었습니다. 여전히 기본 메시지가 표시됩니다.

---

<div class="post-metadata">

### Author: ![Wall-E](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/wall-e/32/184438_2.png) [@Wall-E](https://meta.discourse.org/u/Wall-E)
#### Post date: [5월 18, 2021, 2:45오전 UTC](https://meta.discourse.org/t/add-project-description-to-login-page/190724/7 "2021-05-18T02:45:41Z")

</div>

저도 이 텍스트 필드를 편집해 보았습니다:

 ![Screen Shot 2021-05-17 at 10.37.51 PM](https://global.discourse-cdn.com/meta/original/3X/5/b/5b5ad05c8739ce1550e75a329ac1b07534163e5f.png)  
 ![Screen Shot 2021-05-17 at 10.38.08 PM](https://global.discourse-cdn.com/meta/original/3X/5/8/58b65bea7e7d689e5c746b26a313b6fc12ccfe61.png)

하지만 변경 사항을 저장한 후에도 로그인 페이지에 아무런 효과가 없었습니다.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [5월 18, 2021, 2:52오전 UTC](https://meta.discourse.org/t/add-project-description-to-login-page/190724/8 "2021-05-18T02:52:36Z")

</div>

방금 다시 확인해 봤는데, 작동하지 않던 거였네요. 제 실수였습니다! 위에서 작성한 게시글을 수정해서, 제가 테스트했을 때 제대로 작동하는 방법으로 업데이트했습니다.

---

<div class="post-metadata">

### Author: ![Wall-E](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/wall-e/32/184438_2.png) [@Wall-E](https://meta.discourse.org/u/Wall-E)
#### Post date: [5월 18, 2021, 6:36오전 UTC](https://meta.discourse.org/t/add-project-description-to-login-page/190724/9 "2021-05-18T06:36:18Z")

</div>

동작합니다! 정말 감사합니다. 새 텍스트가 기본 텍스트에 추가되었는데, 원래는 기존 텍스트를 대체하기를 바랐습니다.

또한, 텍스트 앞이나 뒤에 이미지를 표시하려면 추가로 HTML 코드를 사용할 수 있을까요? 도커 컨테이너에 저장된 이미지를 링크하는 가장 쉬운 방법은 무엇이며, 이 이미지를 어디에 업로드해야 하나요?

---

<div class="post-metadata">

### Author: ![Wall-E](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/wall-e/32/184438_2.png) [@Wall-E](https://meta.discourse.org/u/Wall-E)
#### Post date: [5월 19, 2021, 3:14오전 UTC](https://meta.discourse.org/t/add-project-description-to-login-page/190724/10 "2021-05-19T03:14:56Z")

</div>

그래서 새 텍스트가 기본 텍스트 뒤에 표시됩니다. 기본 텍스트를 제거하는 방법에 대해 혹시 아이디어가 있으신가요?

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [5월 19, 2021, 3:51오전 UTC](https://meta.discourse.org/t/add-project-description-to-login-page/190724/11 "2021-05-19T03:51:26Z")

</div>

> [@Wall-E](#):
>
> 저도 이 텍스트 필드를 수정해 보았습니다:

잘못된 것을 수정하신 것 같습니다. '커스터마이즈 \> 텍스트’에서 `login_required.welcome_message_invite_only`를 검색하여 해당 항목을 수정해 보세요.

---

<div class="post-metadata">

### Author: ![Wall-E](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/wall-e/32/184438_2.png) [@Wall-E](https://meta.discourse.org/u/Wall-E)
#### Post date: [5월 19, 2021, 5:09오전 UTC](https://meta.discourse.org/t/add-project-description-to-login-page/190724/12 "2021-05-19T05:09:13Z")

</div>

완벽합니다! 사실 이 방법은 텍스트를 수정하는 또 다른 옵션을 제공합니다.

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [6월 18, 2021, 5:09오전 UTC](https://meta.discourse.org/t/add-project-description-to-login-page/190724/13 "2021-06-18T05:09:32Z")

</div>

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