모든 것은 아니지만, 더 많은 사용자 지정 디자인을 구현하려면 코드를 작성해야 한다고 생각합니다. 제가 권장하는 단계는 다음과 같습니다:
-
@Canapin이 이미 언급한 Theme CLI gem 사용법을 배워보세요. 첫 단계로 다소 부담스러울 수 있지만, Discourse 커스터마이징에 빠지게 만드는 것은 바로 이 작은 gem입니다! 디자이너에게는 마법 지팡이와도 같습니다
이것 없이는 진행 과정에서 계속 마찰을 느낄 가능성이 높습니다. -
CSS 커스텀 프로퍼티를 사용하여 스타일을 구현하는 연습을 해보세요.
이 부분에 대해 가이드가 최신이 아닌 것 같습니다. 일관된 디자인 토큰 시스템을 구축할 일은 여전히 많지만, Discourse는 이미 상당한 발전을 이루었습니다! Discourse 프론트엔드의 프론트에서 커스텀 프로퍼티가 어디에 어떻게 사용되는지 파악하는 것이 모범 사례를 이해하는 데 큰 도움이 될 것입니다.
브라우저 인스펙터를 사용하여 커스텀 프로퍼티를 찾을 수 있으며, 첫인상을 위해 이 목록을 참고해 보세요: Documenting custom properties. 그리고 사이드바와 같은 최신 템플릿은 거의 전적으로 커스텀 프로퍼티로 스타일링할 수 있습니다.
-
@denvergeeks가 제안했듯이, Canvas 테마 템플릿을 살펴볼 수 있습니다. 이 템플릿은 코어에서 사용할 수 없는 레이아웃 스타일링용 커스텀 프로퍼티 세트를 추가하는 역할을 합니다.