# 참고로, 게시글 포함 Discourse 전체 번역이 가능합니다

**URL:** <https://meta.discourse.org/t/fyi-full-translation-of-discourse-including-posts-is-possible/320991>\
**Category:** Extras\
**Created:** [8월 10, 2024, 12:24오전 UTC](https://meta.discourse.org/t/fyi-full-translation-of-discourse-including-posts-is-possible/320991 "2024-08-10T00:24:13Z")\
**Posts on this page:** 1\
**Showing post:** 5

<div class="post-metadata">

**Author:** ![Jeff\_Gilmore](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jeff_gilmore/32/211284_2.png) [@Jeff\_Gilmore](https://meta.discourse.org/u/Jeff_Gilmore)\
**Post date:** [8월 11, 2024, 1:44오전 UTC](https://meta.discourse.org/t/fyi-full-translation-of-discourse-including-posts-is-possible/320991/5 "2024-08-11T01:44:08Z")

</div>

Thomas님,

관리자/테마/컴포넌트(Admin/Themes/Components)로 이동하여 빈 테마 컴포넌트를 쉽게 직접 만들 수 있습니다.

**설치(Install)** 버튼을 클릭한 후, 나타나는 대화 상자에서 새 항목 만들기(Create New)를 클릭하세요:

 ![Screenshot 2024-08-10 at 9.18.05 PM](https://global.discourse-cdn.com/meta/original/4X/3/f/a/3fa25f75d140df3e58cc5a99940b0b58acd85ec7.png)

다음 대화 상자에서 이름을 지정하세요:

 ![Screenshot 2024-08-10 at 9.19.10 PM](https://global.discourse-cdn.com/meta/original/4X/7/4/8/748971c138a1a2e26dba9c7b6bd06cad78bfe54c.png)

이렇게 하면 빈 컴포넌트가 생성됩니다. 이제 **CSS/HTML** 편집(Edit) 버튼을 클릭하기만 하면 됩니다:

 ![Screenshot 2024-08-10 at 9.19.41 PM](https://global.discourse-cdn.com/meta/original/4X/7/9/c/79c654c113dbf8c69b6f614d20a602d063c5eed9.png)

**Head** 탭으로 이동하세요. 여기서 Linguise 웹사이트에서 설정을 완료할 때 제공받은 커스텀 스크립트 태그를 붙여넣으면 됩니다:

 ![Screenshot 2024-08-10 at 9.21.04 PM](https://global.discourse-cdn.com/meta/original/4X/5/4/1/541e62e9c7b82f1087304f1cd3539246cb2b7c8d.png)

제 이미지에는 몇 가지 주석이 포함되어 있지만, 실제로는 빈 목록이 표시되며 여기에 Linguise의 커스텀 URL을 붙여넣게 됩니다.

참고로, Linguise 기술 지원팀과 함께 작업하던 중 언어를 변경할 때 페이지가 수동으로 새로 고침되는 문제가 발생하여 스크립트 태그를 약간 수정해야 한다는 사실을 발견했습니다.

태그의 시작 부분을 `<script defer src=`로 변경하면 수동 새로 고침 문제가 해결됩니다.

부연 설명으로, 이러한 간단한 커스텀 컴포넌트는 현재 사용 중인 테마에 오버라이드를 적용하고 여러 화면 요소에 영향을 주기 위한 안전하고 우아한 방법으로 사용할 수 있습니다.

예를 들어, 제 사이트에서는 사용자들에게 혼란을 줄 수 있다고 판단된 여러 화면 요소를 비활성화했습니다. 이를 위해 CSS 탭에 `display: none` 속성을 가진 몇 가지 CSS 선택자를 추가했습니다.

예를 들어, 아래 코드는 사이드바의 **섹션 추가(Add Section)** 버튼을 숨깁니다:

```plaintext
.sidebar-wrapper .sidebar-footer-wrapper .btn-flat.add-section {
    display: none;
}

```

가장 까다로운 부분은 CSS 선택자(즉, 왼쪽 중괄호 앞부분)를 파악하는 것입니다. 하지만 웹 브라우저의 개발자 도구를 사용하면 일반적으로 화면 항목을 찾고 해당 선택자를 복사할 수 있습니다.

성공을 기원합니다!

---

_[View the full topic](https://meta.discourse.org/t/fyi-full-translation-of-discourse-including-posts-is-possible/320991)._