# Discourse 테마 헤더에 로그아웃 버튼 추가하기

**URL:** https://meta.discourse.org/t/add-a-logout-button-in-header-for-discourse-themes/344414
**Category:** Theme component
**Created:** [12월 26, 2024, 2:15오후 UTC](https://meta.discourse.org/t/add-a-logout-button-in-header-for-discourse-themes/344414 "2024-12-26T14:15:45Z")
**Posts on this page:** 13
**Page:** 1

<div class="post-metadata">

### Author: ![pinder99](https://avatars.discourse-cdn.com/v4/letter/p/dfb087/32.png) [@pinder99](https://meta.discourse.org/u/pinder99)
#### Post date: [12월 26, 2024, 2:15오후 UTC](https://meta.discourse.org/t/add-a-logout-button-in-header-for-discourse-themes/344414/1 "2024-12-26T14:15:45Z")

</div>

| | | |
| --- | --- | --- |
| ℹ | **요약** | 헤더에 로그아웃 버튼 추가 |
| 👓 | **미리보기** | [GitHub - pushpinder6805/logout-header · GitHub](https://github.com/pushpinder6805/logout-header) |
| 🛠 | **리포지토리** | [REPOSITORY\_LINK](https://github.com/pushpinder6805/logout-header) |
| ❓ | **설치 가이드** | [테마 또는 테마 컴포넌트 설치 방법](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682) |
| 📖 | **디스코urse 테마를 처음 접하시나요?** | [디스코urse 테마 사용 입문가이드](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |

이 테마 컴포넌트 설치

사용자를 로그아웃시키는 헤더 버튼

스크린샷…  
 ![image](https://global.discourse-cdn.com/meta/original/4X/6/2/d/62df9e871d292ee46bfa2012f3f029b604694a8b.png)  
 ![image](https://global.discourse-cdn.com/meta/original/4X/e/2/6/e26d4bd4e3c9db3c0fa7f215355730091e225882.png)

상세 설명…

로고를 제거하려면

```plaintext
.logout svg{
    display: none;
}

```

텍스트를 제거하려면

```plaintext
.logout span {
display:none;
}

```

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [12월 26, 2024, 5:09오후 UTC](https://meta.discourse.org/t/add-a-logout-button-in-header-for-discourse-themes/344414/2 "2024-12-26T17:09:13Z")

</div>

안녕하세요 👋 이 컴포넌트는 현재 비어 있으며, 이 상태에서는 아무런 동작을 하지 않는 것 같습니다…

---

<div class="post-metadata">

### Author: ![MihirR](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mihirr/32/475158_2.png) [@MihirR](https://meta.discourse.org/u/MihirR)
#### Post date: [12월 26, 2024, 5:31오후 UTC](https://meta.discourse.org/t/add-a-logout-button-in-header-for-discourse-themes/344414/3 "2024-12-26T17:31:22Z")

</div>

+1, 이 오류를 재현할 수 있습니다.

---

<div class="post-metadata">

### Author: ![pinder99](https://avatars.discourse-cdn.com/v4/letter/p/dfb087/32.png) [@pinder99](https://meta.discourse.org/u/pinder99)
#### Post date: [12월 26, 2024, 6:30오후 UTC](https://meta.discourse.org/t/add-a-logout-button-in-header-for-discourse-themes/344414/4 "2024-12-26T18:30:12Z")

</div>

코드 업데이트를 기다려 주세요

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [12월 26, 2024, 10:30오후 UTC](https://meta.discourse.org/t/add-a-logout-button-in-header-for-discourse-themes/344414/5 "2024-12-26T22:30:32Z")

</div>



---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [12월 26, 2024, 10:30오후 UTC](https://meta.discourse.org/t/add-a-logout-button-in-header-for-discourse-themes/344414/6 "2024-12-26T22:30:46Z")

</div>

코드가 제공될 때까지 이 주제를 비공개로 설정했습니다.

---

<div class="post-metadata">

### Author: ![pinder99](https://avatars.discourse-cdn.com/v4/letter/p/dfb087/32.png) [@pinder99](https://meta.discourse.org/u/pinder99)
#### Post date: [12월 28, 2024, 6:36오전 UTC](https://meta.discourse.org/t/add-a-logout-button-in-header-for-discourse-themes/344414/7 "2024-12-28T06:36:43Z")

</div>

코드를 추가했습니다. 주제를 나열해 주세요.

---

<div class="post-metadata">

### Author: ![pinder99](https://avatars.discourse-cdn.com/v4/letter/p/dfb087/32.png) [@pinder99](https://meta.discourse.org/u/pinder99)
#### Post date: [12월 28, 2024, 6:38오전 UTC](https://meta.discourse.org/t/add-a-logout-button-in-header-for-discourse-themes/344414/8 "2024-12-28T06:38:25Z")

</div>

확인해 주세요

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [12월 28, 2024, 8:17오후 UTC](https://meta.discourse.org/t/add-a-logout-button-in-header-for-discourse-themes/344414/9 "2024-12-28T20:17:22Z")

</div>



---

<div class="post-metadata">

### Author: ![MihirR](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mihirr/32/475158_2.png) [@MihirR](https://meta.discourse.org/u/MihirR)
#### Post date: [12월 28, 2024, 8:29오후 UTC](https://meta.discourse.org/t/add-a-logout-button-in-header-for-discourse-themes/344414/10 "2024-12-28T20:29:18Z")

</div>

설치하고 확인해 보았는데 완벽하게 잘 작동합니다. 두 가지 제안 드립니다:

1. 로그아웃 텍스트나 로그아웃 아이콘 중 하나만 표시되면 좋겠습니다.
2. **이 테마 컴포넌트 설치** 섹션에는 쉬운 설치를 위해 저장소 링크만 포함하는 것이 더 좋습니다.

참고로 아래에 스니펫을 첨부했습니다.

 ![Screenshot 2024-12-29 015409](https://global.discourse-cdn.com/meta/original/4X/f/b/4/fb4bd4b883cf597faa86f17a79ae1a70e2c4e116.png)

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [12월 28, 2024, 9:34오후 UTC](https://meta.discourse.org/t/add-a-logout-button-in-header-for-discourse-themes/344414/11 "2024-12-28T21:34:06Z")

</div>

조금 조정할 필요가 있을 수 있습니다.

iPad:

 ![The image is a screenshot displaying the status bar of a smartphone, showing time, battery life, Wi-Fi status, and a minimally displayed search bar. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/f/1/a/f1ac9cd9fc3d5ac31c29a9e4fc728383ebbce22e.jpeg)

iPhone:

 ![The image shows a mobile device with a time of 23:29, battery level at 78%, and several options for different sections such as starting, sites, and a message bubble icon for meta/katiska. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/c/7/e/c7e5723397d67e4de170adab1b18b358badae87c.jpeg)

---

<div class="post-metadata">

### Author: ![Monikas](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/monikas/32/375316_2.png) [@Monikas](https://meta.discourse.org/u/Monikas)
#### Post date: [12월 31, 2024, 11:15오후 UTC](https://meta.discourse.org/t/add-a-logout-button-in-header-for-discourse-themes/344414/12 "2024-12-31T23:15:09Z")

</div>

텍스트를 취소할 수 있는 옵션을 추가해 주시겠어요? 감사합니다.

 ![The image shows a navigation bar with various icons and text in Chinese, including options for posting, chat, search, and an option to log out. There is also a humorous reminder about smiling at the screen for 3 seconds to unfreeze a webpage. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/6/4/d/64d14717e632c690b00bb5f46acc68fe8720054e.png)

---

<div class="post-metadata">

### Author: ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [1월 1, 2025, 7:29오전 UTC](https://meta.discourse.org/t/add-a-logout-button-in-header-for-discourse-themes/344414/13 "2025-01-01T07:29:33Z")

</div>

@Monikas 해당 기능을 수행하기 위한 설정을 추가하는 PR을 열었습니다:

> <https://github.com/pushpinder6805/logout-header/pull/1>
>
> This removes the text 'Log Out' in the header using a setting, \`hide\_log\_out\_tex…t\_in\_header\`.
