기본 테마는 설정에서 사용자 지정 CSS/HTML을 지원합니다.
실험으로 타임라인을 숨기고 싶었습니다. CSS를 사용하여 이를 수행하는 좋은 제안이 있었습니다(다른 주제). 그 제안은 4줄을 테마 구성 요소로 구현하는 것이었습니다. 어렵지는 않지만, 기본 테마의 사용자 지정 CSS 옵션이 더 쉬울 것 같았습니다.
테마를 변경하고 4줄을 사용자 지정 CSS로 삽입했습니다. 실제로 완벽하게 작동했습니다.
이로 인해 이 사용자 지정 CSS/HTML이 (오직) 여기에서만 제공되는 이유가 궁금해졌습니다. 일반적인 설정으로 제공하는 것이 더 합리적이지 않을까요?
테마 내에서만 사용자 지정 CSS를 사용하는 용도도 있을 수 있지만, 일반적인 설정도 유용하지 않을까요?
수정: 위에서 언급한 “기본” 테마 접근법을 설명하는 사용자 지정 CSS에 대한 주요 주제에 대한 링크를 여기에 추가합니다: Making custom CSS changes on your site
모든 테마에 연결되는 구성 요소는 바로 그 일반적인 설정입니다. 다른 탭, 섹션, 또는 “공식” 구성 요소를 통해 이를 제공한다고 해서 무엇이 달라지나요?
음, 컴포넌트라는 말은 컴포넌트를 수정한 후 Discourse 인스턴스에서 해당 컴포넌트를 업데이트해야 한다는 뜻이에요.
분명히 테마와 컴포넌트 워크플로우는 정말 훌륭합니다. 다만, 작은 CSS 관련 사항을 더 직접적이고 즉흥적으로 편집할 수 있다면 유용할 것 같다는 생각이에요.
아니요, 그렇게 할 필요가 없습니다. 저장 즉시 변경 사항이 적용됩니다.
처음에는 일반적인 것에 대해 이야기하다가, 이제는 테마 하나를 직접 편집하고 있군요. 특정 테마 하나에만 변경 사항을 적용한다면, 각 테마별로 그런 옵션이 있다면 좋겠습니다. 하지만 CSS 변경 사항이 하나의 컴포넌트에 있는 경우, 버그나 충돌, 업그레이드 등으로 문제가 생길 때(생길지 말지 여부가 아니라) 그것을 쉽고 빠르게 비활성화할 수 있습니다.
시도해 보기에는 좋겠지만, 사용자들도 그 시도를 함께 보게 됩니다. 하지만 그 변경 사항을 유지하고 싶고, 기본 테마 외에 다른 테마를 선택할 수 있다면 어떻게 될까요? 그때는 다시 한 번 더 작업을 해야 합니다 
실제로, 이것이 바로 테마를 넘나들며 작동하는 일반적인 사용자 정의 CSS 옵션에 대해 궁금해했던 이유였습니다.
그리고 여러분은 CSS 변경 사항을 담고 있는 컴포넌트를 가지고 있습니다.
저는 초보라 뭔가 놓치고 있는 것 같습니다.
제가 직접 컴포넌트를 작성한다면 GitHub에 올릴 것입니다. 그리고 변경 사항이 있으면 GitHub에서 수정한 후, Discourse에서 컴포넌트를 업데이트할 것입니다.
이 방식이 올바르지(또는 가장 쉬운 방법이 아니) 않나요?
왜 그렇게 하시려는 건가요? 공유할 계획이 있는 것이 아니라면요. 하지만 큰 문제는 아닙니다 — 그렇다면 해당 컴포넌트의 업데이트 버튼을 클릭하시면 됩니다.
지금 좀 혼란스럽네요. CSS 변경 사항을 전역 CSS 파일(이것도 결국 컴포넌트가 되겠죠)에 더 쉽게 반영하는 방법은 무엇인가요? 테마 Air를 변경하고 싶다면, 그 변경 사항을 어떻게 전달할 것이라 생각하셨나요?
컴포넌트를 공유하든 아니든, GitHub에 호스팅하는 것이 종종 좋은 아이디어입니다. 이렇게 하면 진화를 관리할 수 있을 뿐만 아니라 좋은 백업 역할도 하기 때문입니다.
구체적인 예를 들어 설명하는 것이 더 이해하기 쉬울 것 같습니다.
저는 타임라인을 숨기고 싶습니다(단순 실험 목적). @merefield 님의 도움을 받아 CSS를 사용하여 다음과 같이 구현했습니다:
.topic-navigation {
display: none
}
이 실험을 위해 전역적으로 적용하고 싶습니다. 실험이므로 가장 구조적이거나 재현 가능하거나 기술적으로 정확한 방식으로 구현할 필요는 없습니다.
컴포넌트를 사용하는 것도 큰 문제가 되지는 않습니다. 하지만 그보다 더 손쉬운 방법은 기본 테마의 Edit CSS 설정입니다. 시도해 봤는데 완벽하게 작동합니다.
하지만 저는 커뮤니티 멤버들의 의견을 듣고 싶고, Edit CSS 설정이 없는 zeronoise 테마를 사용 중입니다.
따라서 제 질문은 다음과 같습니다. Default 테마에서 가능하듯이, Discourse에서 CSS를 조금씩 조정할 수 있는 방법이 있다면 유용하지 않을까요?
명확히 하자면, Edit CSS에는 테마별로 고유한 사용 사례가 있으므로, Default의 Edit CSS를 대신하는 것이 아니라 추가하는 방식이 되어야 한다는 점을 이해하고 있습니다.
제가 하려는 의도를 조금은 설명드린 것 같습니다. 기술적인 부분에서 잘못 이해한 점이 있다면 알려주세요. 수정하겠습니다.
모두가 의견을 공유해 주셔서 감사합니다. 
*자기 스스로의 불편함을 해결한다(scratch your own itch)*는 정신에 따라, 기본 테마에서 Edit CSS/HTML 코드를 가져와 별도의 테마 컴포넌트나 플러그인으로 패키징하는 것을 고려하고 있습니다(물론 GPL-2 라이선스는 유지해야 합니다).
컴포넌트로 만드는 것이 가장 쉬울 것 같습니다.
이제 완전히 헤매고 있습니다.
이를 위해서는 별도의 직접 만든 컴포넌트를 사용해야 합니다. 그리고 그 컴포넌트는 전역 설정 역할을 하며, 해당 컴포넌트를 사용하는 모든 테마에서 활성화하게 됩니다.
기본적인 수준의 CSS 변경으로요? 그건 좀 과한 거 아닌가요?
이게 바로 제가 이 전체 스레드를 시작한 이유입니다.
기본 수준 CSS 변경은 어떻게 하면 좋을까요?
개인 취향 문제입니다.
관리자 메뉴에는 버전 관리 기능이 없습니다.
또한, 지식을 향상시키는 방법이기도 합니다.
Bastiaan님, 안녕하세요 
테마/컴포넌트가 업데이트될 때 변경 사항이 덮어쓰기 되기 때문에, “외부” 테마/컴포넌트의 HTML과 CSS를 직접 편집할 수 없습니다. 2~3년 전까지는 가능했지만, 이 기능이 제거되었습니다.
Discourse 인터페이스에서 로컬 새 컴포넌트를 직접 만들어 기존 테마의 CSS를 오버라이드할 수 있습니다(컴포넌트의 CSS 탭을 사용). 또는, GitHub 프로젝트로 새 컴포넌트를 만들어 컴포넌트 페이지(레포지토리가 수정될 때마다 “update” 버튼)를 통해 업데이트할 수도 있습니다.
제가 원하시는 내용을 잘 이해하고 있는 것이며, 이 답변이 질문에 답이 되는지 확인 부탁드립니다.
안녕하세요 @Canapin, 멋지네요! 감사합니다. 제가 찾고 있던 바로 그거였어요.
이것은 @Jagster와의 오해의 원인도 설명해 줄 수 있겠네요. 제가 하려던 일을 수행하는 직접적인 방법이 있었지만, 인터페이스에서 바로 새 컴포넌트를 생성할 수 있다는 것(이를 통해 사용자 정의 CSS를 사용할 수 있음)을 몰랐습니다.
@Johani의 훌륭한 테마 및/또는 CSS 가이드에 이 내용을 추가하면 유용할 것 같아요.