테마 컴포넌트에 대한 표준 가이드라인에 대하여

이런 일을 하게 될 줄은 꿈에도 몰랐는데, 이제 와서 CSS와 JavaScript를 편집하고 제 첫 번째 간단한 테마와 플러그인 컴포넌트를 만들고 있습니다.

이전에 읽은 바에 따르면(아직 준비가 완벽하지는 않았지만 — 시작하려면 특정 기초가 필요합니다), Discourse에서 기능을 추가하거나 기존 기능을 수정하는 과정은 실제로 매우 간단하며, 이에 대해 매우 감사하게 생각합니다.

제 초보적이고 짧은 경험을 통해 느낀 점은, 특히 테마 컴포넌트와 관련하여 표준화된 가이드라인이 부족하다는 것입니다. 플러그인은 더 엄격하고 명확하게 정의된 경로를 따르는 것은 이해하고 있습니다.

Horizon을 디자인하거나 코딩할 때는 모든 테마에 동일하게 적용되는 Discourse 코어, Horizon에 의해 이루어진 변경 사항, Foundation(모던화됨), Topic Cards의 구현 사항, 그리고 변수를 임의로 수정했을 수 있는 기타 모든 컴포넌트를 고려해야 합니다.

현재 이 과정을 단순화하고, 이후 업데이트와 함께 겹치거나 작동하지 않게 되는 px, em, rem 또는 변수에 계속 부딛히는 것을 막기 위해 처음부터 따를 수 있는 가이드가 있습니까?

제가 무언가를 놓치고 있는 건지, 아니면 이 단순화가 우리 모두에게 매우 유익할 수 있는 건지 궁금합니다.

테마 스켈레톤에 대한 링크입니다

이것을 기반으로 제 것을 시작하고 개발 인스턴스에 로드합니다

그리고 제 git 저장소를 붙여넣습니다

앤드루, 감사합니다. 하지만 여전히 제가 이전에 설명한 다른 테마/컴포넌트에 의존하고 있는 것 같습니다.

이것을 확인해 보세요:

감사합니다, 읽어보겠습니다! 하지만 px, em, 그리고 px 대안들이 여기저기 뒤섞여 있는 것과 테마 컴포넌트, 토픽 카드, 현대화, Foundation의 기본값, Horizon 간의 오버라이드 문제 때문에 여전히 고생하게 될까 봐 걱정됩니다.

다른 표시 모드에도 같은 문제가 적용됩니다. 그리드, 플렉스박스, 테이블이 여기저기 사용되고 있지만, Discourse가 그렇게 복잡한 혼합을 정당화할 만큼 방대하지는 않습니다. 우리는 토픽, 게시물, 사용자 프로필, 채팅 및 몇 가지 개별 페이지만 가지고 있습니다.

따라가거나 구현해야 할 기준에 대한 통합이 부족하거나, 관련 커뮤니케이션이 개선되어야 할 필요가 있다고 생각합니다. 변수가 있고, 특정 작업을 어떻게, 무엇에 대해 해야 하는지에 대한 가이드라인도 있습니다. 하지만 우리 모두는 그것들을 알고 그에 맞게 작업해야 하므로, 모든 사람의 작업이 더 쉬워질 것입니다.

아마도 더 경험이 많은 분들 중 일부는 제가 전달하려는 내용을 이해하고 적절한 방식으로 설명해 주실 수 있을 것입니다. 저는 여러분처럼 기술적이지 않고, 이 모든 것이 저에게는 아직 새로운 것입니다.

읽어 주시고 링크를 공유해 주셔서 감사합니다. 이 주제에 대한 토론과 의견도 환영합니다!