매우 맞춤화된 테마를 만드는 방법은 무엇인가요?

개발
1

안녕하세요, 저는 디스커스에 새로 가입한 사용자입니다. 디스커스의 기능과 작동 방식에 대해 정말 만족하고 있습니다. 이제 사이트의 외관과 콘텐츠 표시 방식을 크게 커스터마이징하고 싶습니다. 여러 스레드와 게시물을 읽으며 이해하려고 노력하고 있지만, 자바스크립트 코딩 경험은 있지만 헷갈리는 부분이 많습니다. 여기서 말하는 '크게 커스터마이징’이란 사이드바를 제거하고, 상단 바에 내비게이션 항목을 추가하는 것을 의미합니다. 또한 주제(topic) 목록을 작성자 이름, 아바타, 제목, 미리보기 텍스트, 그리고 최신 답글 및 해당 답글 작성자의 아바타와 이름을 함께 표시하도록 하려는 것입니다. 주제는 카테고리별로 그룹화되어 하나의 긴 목록으로 표시되도록 하려고 합니다(오래된 방식). 아마도 표시되는 데이터를 오버라이드하거나, 데이터를 가져와서 표시하는 방법을 어떻게 처리해야 하는지 파악해야 할 것 같은데, 가장 좋은 방법이 무엇인지 혼란스럽습니다. 단일 '테마’로 해결해야 할까요, 아니면 테마 컴포넌트인가요? 플러그인일까요? 아니면 테마, 컴포넌트, 플러그인을 여러 개 함께 사용해야 할까요? 컴포넌트와 플러그인의 차이는 무엇인가요? 이런 식으로 크게 커스터마이징된 '테마’를 개발하는 과정을 보여주는 유튜브 영상이 있으면 좋겠습니다. 현재 제가 원하는 것과 비슷한 기능을 제공하는 ‘애드온?’ 목록을 작성하고, 그 코드들을 읽으며 이해하려고 노력하고 있지만, ‘완전 초보자’ 입장에서는 정말 복잡하게 느껴집니다. 저는 글을 읽는 것보다 영상을 보는 방식으로 배우는 것이 더 잘 맞습니다. :confused: 혹시 제가 아직 알지 못했을 수 있는 팁, 조언, 또는 영상이 있을까요? 도움이 매우 고맙겠습니다. :pray:

2

원하시는 변경 사항에는 페이지에 추가 데이터를 가져와야 하므로, 테마나 컴포넌트만으로는 부족하며, 이러한 비전을 실현하려면 플러그인이 필요합니다.

3

고마워요 :slight_smile: 읽어야 할 자료가 정말 많네요. 다 이해가 되길 바랍니다. 정말 관련이 높은 주제를 하나 찾았어요:

그리고, 같은 고민을 하고 있을 다른 분들을 위해 몇 가지 링크와 메모를 공유합니다:

HTML 템플릿은 https://github.com/discourse/discourse/tree/main/app/assets/javascripts/discourse/app/templates 에 있습니다.

테마를 위한 입문자 가이드:

테마를 위한 개발자 가이드:

테마를 위한 디자이너 가이드:

테마 컴포넌트 생성:

플러그인 아웃렛 위치를 표시하는 테마 컴포넌트 (새로운 html/script/styles를 삽입할 위치):

플러그인 개발:

만들기 시작하는 법 배우기:

개발용 Ubuntu/Debian에 Discourse 설치:

내가 정말 수정하고 싶은 것은 “topic-list” 또는 홈페이지입니다.

• 이 테마는 이미 원하는 주제 목록 형식을 생성해 두었습니다:

• 작성자 이름 + 아바타:

Author name plus avatar 또는 Show Original Poster Avatars

• 카테고리 그룹:

• 추천 카테고리 아이콘:

온라인 테마 편집기도 시도해 볼 수 있습니다:

추가 항목:
• 단일 로그인? SSO
Setup DiscourseConnect - Official Single-Sign-On for Discourse (sso)
• Discord 봇
Discord Bot Construction Kit 🤖

4

햄버거 아이콘을 클릭하면 됩니다. 알아내기 쉽죠.

Custom Header Links를 확인해 보세요.

시작하는 데 도움이 될 것입니다.