장소와 의도를 강조하는 커뮤니티 템플릿

커뮤니티 프로젝트를 위해 작업해 온 레이아웃을 공유합니다. 이 레이아웃의 일부 아이디어를 추상화하는 작업을 해 왔으며, 비영리, 오픈소스, 지부 기반 또는 기타 분산형 커뮤니티 세팅에 대한 일반적인 영감을 줄 수 있기를 바랍니다.

이 디자인에는 두 가지 주요 목표가 있습니다:

  • 대화 주위에서 항상 장소와 공통된 의도를 제시한다
  • 대화에 특징적인 콘텐츠와 작업 영역이라는 더 넓은 맥락을 부여한다

개념적 랜딩 뷰:

특정 영역으로 이동하면 컨텍스트 큐가 변경됩니다. 이 점을 제외하고 내비게이션은 일관성을 유지합니다:

작업 영역으로 이동하면 내비게이션에 협업 도구가 추가됩니다:

우리 프로젝트에서의 구현은 다음과 같습니다:

각 공간에서는 시각적 요소와 소개 텍스트를 통해 고유한 컨텍스트와 의도를 제시합니다:

작업 영역에서는 내비게이션 메뉴가 하위 내비게이션과 태그 접근을 제공합니다:

22개의 좋아요

webcore의 discourse 인스턴스와 비슷해 보이네요. 정말 멋집니다

4개의 좋아요

정말 멋진 디스커스 디자인을 만드시네요. 훌륭합니다!

실제로 그렇게 하시게 될지 여부는 차치하고, 이 중 얼마나 많은 부분이 일반적인 디스커스 테마로 공유될 수 있을까요? 테마 컴포넌트나 기타 더 심층적인 커스터마이징에 해당하는 부분은 어느 정도인가요?

7개의 좋아요

와! 정말 놀라운 템플릿이네요! :scream:

어떻게 만들었어요?

4개의 좋아요

정말 멋지네요. 이런 커스텀 테마가 더 필요해요.

5개의 좋아요

따뜻한 말씀 감사드립니다 :hugs:

구현 방식에 대해 말씀드리자면, 개념적 템플릿은 그냥 목업(mockup)일 뿐이며, 저는 이를 Figma로 제작합니다. 이는 Discourse에 특화된 것이 아닙니다.

Couchers.org 커뮤니티를 위해 Discourse에서 이를 구현할 때, 스타일을 테마에 번들링하고 테마 컴포넌트(Header Search, Category Banners, Custom Nav Links, Featured Cards, Category Showcase, Modern Category Boxes, Easy Footer)를 사용했습니다. 홈페이지와 Latest 라우트에서 각기 다른 배너를 표시하기 위해 일부 커스텀 코드를 추가했습니다.

최종 레이아웃과 커뮤니티의 작동 방식은 설정을 조정하는 것에 따라 달라집니다: 사이트 전체, 컴포넌트, 카테고리, 태그에 대한 설정이 그렇습니다. 따라서 번들링된 테마와 컴포넌트만 공유해서는 템플릿을 구현할 수 없습니다.

개념적으로 저는 이것이 테마라기보다는 템플릿, 레이아웃 또는 모델이라고 생각합니다. 아직 가장 적절한 용어가 무엇인지 확신은 없습니다. 그 목적은 단순히 외관을 바꾸는 것이 아니라, 특정 사용 사례나 커뮤니티 모델을 지원하기 위해 작동 방식과 UX를 바꾸는 데 있습니다. 저는 다른 템플릿도 작업 중이며, 이를 공유하는 가장 좋은 방법이 무엇일지 고민하고 있습니다. 모든 오버라이드된 설정을 내보내고 가져올 수 있는 방법이 필요합니다. 현재 제가 아는 유일한 방법은 백업을 사용하는 것인데, 사이트 콘텐츠가 아닌 설정만 대상으로 하는 방법을 찾을 수 있다면 좋겠습니다.

9개의 좋아요

이미 사이트 설정을 내보내기/가져오기할 수 있습니다:

각 설정을 문서화하는 데 다소 시간이 걸릴 수 있지만, 다음과 같은 구조를 사용하여 모든 커스터마이징을 설명하는 새로운 주제를 Meta에 게시하는 것이 간단한 방법이 될 수 있습니다(적절하게 태그를 붙이는 등):

  1. 디자인 컨셉 및 데모 사이트 (이용 가능한 경우)
  2. 내보낸 파일로서의 테마
  3. 변경된 설정에 대한 간단한 개요와 함께 목록으로 나열된 테마 구성 요소
  4. 각 플러그인의 구성에 대한 간단한 메모와 함께 플러그인 목록
  5. 기본값에서 변경된 설정을 .yml 파일로 제공
7개의 좋아요

정말 좋은 제안들입니다! 공유해 주셔서 감사합니다 @nathank

5개의 좋아요

더 많은 프리랜서 일을 찾고 계신가요?

5개의 좋아요