# 테마 '맵'이 있나요? (플러그인 출력 포트 등을 쉽게 찾는 방법)

**URL:** https://meta.discourse.org/t/is-there-a-theming-map-an-easy-way-to-find-plugin-outlets-etc/139383
**Category:** Development
**Created:** [1월 22, 2020, 5:17오전 UTC](https://meta.discourse.org/t/is-there-a-theming-map-an-easy-way-to-find-plugin-outlets-etc/139383 "2020-01-22T05:17:53Z")
**Posts on this page:** 1
**Showing post:** 6

<div class="post-metadata">

### Author: ![AstonJ](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/astonj/32/215041_2.png) [@AstonJ](https://meta.discourse.org/u/AstonJ)
#### Post date: [1월 22, 2020, 4:03오후 UTC](https://meta.discourse.org/t/is-there-a-theming-map-an-easy-way-to-find-plugin-outlets-etc/139383/6 "2020-01-22T16:03:56Z")

</div>

둘 다 답변해 주셔서 감사합니다 🙂

> [@merefield](#):
>
> 제 조언은 항상 간단하게 시작하라는 것입니다. 먼저 간단한 요구사항을 잡고 어떻게 해결할지 찾아보세요. 그리고 다음 단계로 넘어가면 됩니다.

저도 그렇게 하고 있다고 생각했습니다 (타이틀 태그를 수정하는 것보다 더 간단한 작업은 없을 거라고 생각하거든요). 다른 포럼 소프트웨어라면 ‘showthread’ 페이지의 파일/템플릿을 열어 수정하기만 하면 되는데, 정말 1분도 걸리지 않습니다. Discourse 테마 작업도 이렇게 쉬웠으면 좋겠습니다 (물론 지금은 Discourse 테마 작업에 익숙하지 않아서 헤매고 있는 걸 수도 있겠지만요).

> [@merefield](#):
>
> 테마 작업에 관해서는, 대부분 CSS 수정이 될 것입니다. [일반적인 리소스](https://meta.discourse.org/t/developer-s-guide-to-discourse-themes/93648)를 사용하세요. **CSS로 해결되지 않는 경우** 에는 jQuery를 사용하여 템플릿을 수정하거나, 필요에 따라 템플릿을 오버라이드해야 합니다. 새로운 용도의 경우 자체 컴포넌트나 위젯을 만들어 첨부하세요.

첫 번째 게시물에 있는 항목들에 대해서는 모두 기존 콘텐츠를 수정해야 하므로(특정 위치에 추가하거나 붙여넣는 것이 아니라, 플러그인 아웃렛이 주로 처리하는 방식과 달리) 이것이 필요하다고 생각합니다.

> [@merefield](#):
>
> 소스 코드는 항상 여러분의 친구입니다. discourse/discourse의 GitHub 디렉터리 구조를 살펴보면 앱의 각 부분이 어떻게 배치되어 있는지 볼 수 있습니다. 템플릿은 이해하기가 더 쉽다고 생각합니다. **Ember 디렉터리 구조에 익숙하지 않다면** , 지금이 익숙해질 때입니다.

이것이 아마도 문제의 핵심일 수 있습니다. 저는 Ember를 잘 모르는데, 이것이 이 작업이 다소 낯설게 느껴지는 이유일지도 모릅니다. [(deprecated) Plugin outlet locations theme component](https://meta.discourse.org/t/plugin-outlet-locations-theme-component/100673) 같은 것이 템플릿과 커스터마이징 가능한 모든 것에 적용되었으면 좋겠습니다. 그러면 큰 도움이 될 것 같습니다.

> [@awesomerobot](#):
>
> 네, 분명히 그렇습니다. 저는 Discourse가 존재한 거의만큼이나 테마를 만들어 왔고, 항상 별도의 창에서 소스 코드를 참고하고 있습니다.

그런데 Kris님은 필요한 것을 어떻게 찾으시나요?

> [@awesomerobot](#):
>
> 때로는 템플릿이 어디에 있는지 바로 명확하지 않을 수 있습니다. 예를 들어 다른 템플릿 안에 중첩된 컴포넌트일 수도 있으니까요… 기억이 나지 않으면 특정 마크업 조각을 소스에서 검색하게 됩니다.
> 
> 예를 들어 소개 페이지에 무언가를 추가하고 싶다면, 소개 페이지 본문에 고유한 클래스 `about-page`가 있는 것을 볼 수 있으므로, `about`과 `body-page`(페이지에 있는 또 다른 클래스)를 검색하기 시작합니다.

아, 감사합니다. 정말 좋은 조언입니다!

> [@awesomerobot](#):
>
> 이것은 플러그인이 필요할 것 같은데, 제 전문 분야는 아닙니다… 다른 누군가가 더 도움을 줄 수 있을지도 모릅니다.

정말인가요, Kris님? 플러그인(또는 플러그인 아웃렛)은 해당 아웃렛의 위치에 무언가를 추가하는 것만 가능하다고 생각했는데, 타이틀 태그 형식을 변경하려면 기존 템플릿(또는 컴포넌트 또는 위젯)을 열어 복사/수정해야 한다고 생각했습니다. 적어도 플러그인과 테마에 관한 두 가지 가이드를 읽은 후 제 이해는 그렇습니다.

> [@awesomerobot](#):
>
> 페이지 레이아웃별로 다른 템플릿이 있지만, “Boxes with…” 레이아웃 중 하나에 대해 이야기하고 있다고 가정하면
> 
> [discourse/categories-boxes.hbs at master · discourse/discourse · GitHub](https://github.com/discourse/discourse/blob/master/app/assets/javascripts/discourse/templates/components/categories-boxes.hbs)

감사합니다! 제가 필요로 하는 것 같네요 😃

> [@awesomerobot](#):
>
> discourse/about.hbs at master · discourse/discourse · GitHub

다시 한번 감사합니다, 하하! 둘 다 네이밍이 명확하고 알려주셨으니 이제 찾기 relativamente 간단해 보입니다. 타이틀 태그 변경에 막혀 있던 것이 영향을 미쳤을 수도 있겠네요 😌

지금은 무언가를 놓치고 있는 것 같은 느낌이 듭니다. @merefield님이 지적하셨듯이, Ember에 익숙하지 않은 것이 원인일 수도 있습니다. 빠르게 안내해 주는 유튜브 영상이 있는지 아는 분 계신가요? 혹시 당신이나 @merefield님이 하나 만들어 주실 수 있을까요? 😊

---

_[View the full topic](https://meta.discourse.org/t/is-there-a-theming-map-an-easy-way-to-find-plugin-outlets-etc/139383)._