Discourse용 Reddit 스타일 테마

혹시 이거 도와줄 수 있는 분 계신가요? :smiling_face_with_tear: 정말 감사할 것 같아요

1개의 좋아요

질문자님의 기본 홈페이지 옵션을 '카테고리’로 변경하셨다고 가정합니다. 사용자가 기본 홈페이지 옵션을 명시적으로 설정하지 않은 경우, 해당 사용자의 홈페이지는 top menu 사이트 설정에 따라 지정된 홈페이지가 됩니다.

사이트의 Rails 콘솔에 접근할 수 있다면, 모든 사용자의 기본 홈페이지 설정을 초기화하여 top menu 설정에 기반하도록 설정할 수 있습니다. 이를 위해 Rails 콘솔에 들어가서 다음을 실행하세요:

UserOption.update_all(homepage_id: nil)

이 명령을 실행하는 것에 대해 확신이 없다면, 그냥 실행하지 않는 것이 좋습니다. 대부분의 사용자, 또는 모든 사용자의 기본 홈페이지가 이미 '최신(Latest)'으로 설정되어 있을 가능성이 높기 때문입니다.

3개의 좋아요

해당 두 가지 문제를 해결하기 위해 테마를 업데이트했습니다:

테마를 개발하는 동안 임시로 제거해 두었다가 다시 추가하는 것을 잊었을 수 있습니다 — 업데이트 후 다시 표시될 것입니다.

이 문제는 홈페이지에 표시되는 “최근 주제” 목록으로 인해 발생했습니다. 더 많은 주제를 로드하기 위해 페이지 하단의 특정 클래스를 확인하는데, 사이드바에 이 클래스가 페이지의 더 위쪽에 포함되어 있어 ‘더 보기’ 로딩 동작을 방해하고 있었습니다. 이 사이드바 항목들의 클래스를 변경하면 문제가 해결됩니다.

버그 리포트 감사합니다, 모두!

5개의 좋아요

어떤 네비게이션 메뉴 사이드바 항목과 클래스를 말씀하시나요? 관련 테마 컴포넌트에 영향을 미칠지 확인하고 싶습니다.

2개의 좋아요

이전에는 사이드바 템플릿에서 {{topic-list-item topic=topic}}를 사용했는데, 이 코드는 topic-list-item 클래스를 가진 tr 요소를 생성합니다. 사이드바에서 해당 클래스를 제거하니 문제가 해결되었습니다.

2개의 좋아요

image
다른 언어로 번역하는 방법을 알려주세요

1개의 좋아요

좋은 테마네요. :slight_smile:

관심이 있다는 것을 분명히 말씀드리고 싶어요. :+1: :+1:

5개의 좋아요

이 테마를 정말 좋아하지만, 토픽 카드 하단의 답글 수 옆에 ‘공유’ 대신 ‘좋아요’ 수를 표시하고 싶습니다. 이를 위한 사용자 정의 CSS는 어떻게 작성해야 하나요?

1개의 좋아요

이 테마가 정말 멋집니다! 하지만 2가지 문제를 발견했습니다:

  1. 상단 네비게이션 바(채팅 아이콘, 검색 등)에서 일부 아이콘이 나머지에 비해 작고 정렬도 제대로 되어 있지 않습니다.

  2. 토픽 타임라인이 이상해 보입니다: 상자 모양의 직사각형(바가 포함된 상자) 안에 곡선 모서리의 직사각형(바)이 들어간 형태입니다. 바가 포함된 상자도 곡선 모서리로 만들어지는 것이 어떨까요?

3개의 좋아요

이 문제를 보고해 주셔서 감사합니다. 방금 수정 업데이트를 적용했으니 이제 해결되었을 것입니다.

4개의 좋아요

저도 같은 문제를 겪고 있는데요, 게시글 영역의 크기를 조정하는 방법을 찾으신 건가요?

방금 이 테마를 사용하기 시작했는데, 카테고리 페이지에 있을 때 카테고리 헤더의 a 태그가 카테고리 이름과 정확히 일치하는 슬러그로 설정되어 있는 것을 확인했습니다.

예를 들어, "New Category"라는 카테고리를 만들면 슬러그를 입력하거나 그대로 두어도 사이드바 메뉴를 통해 페이지 자체는 c/new-category/로 접근할 수 있습니다. 하지만 카테고리 페이지에서 카테고리 헤더 이름에 마우스를 올리면 a 태그가 c/New Category로 표시됩니다. 제목과 동일하게 대문자로 시작하고, 단어 사이에 공백이 포함되어 있어 클릭 시 404 오류가 발생합니다. 따라서 new-category라는 슬러그를 추가하더라도 슬러그가 여전히 제목 그대로 표시됩니다.

제가 무언가를 잘못하고 있는 건가요?

저는 제 Git 포크를 생성하고 javascripts/discourse/components/custom-category-banner.hbs 및 javascripts/discourse/components/custom-category-banner.js 파일을 업데이트했으며, 제 문제를 해결했습니다.

토픽 목록의 공유 모달이 새로운 모달 컴포넌트 API로 전환되지 않았습니다. 이 오류는 메타에서도 발생하고 있습니다.

P.S. @community-moderators 이 게시물을 여기에 올리는 것이 최선인지, 아니면 지원(seupport) 섹션에 올리는 것이 나은지 확실하지 않았습니다.

grid-template-columns CSS를 오버라이드하여 이 문제를 해결할 수 있습니다. 미디어 쿼리의 크기를 지정해야 하며, 그렇지 않으면 모든 크기가 오버라이드됩니다.

이 주제에 게시하는 것이 이 내용에 가장 적합한 장소입니다. :+1: 이것은 @awesomerobot의 개인용 테마 중 하나이며 official 테마가 아니므로, 모든 이슈는 이 주제 내에서만 다뤄야 합니다.

3개의 좋아요

안녕하세요, 다음을 수정해서 아바타 플레어도 함께 표시되게 하는 방법에 대해 아시는 분 계신가요?

{{avatar topic.posters.0.user imageSize="large"}}

현재는 플레어가 표시되지 않습니다. 다른 곳에서는 플레어가 정상적으로 표시되므로, 아바타 컴포넌트를 수정해야 하는 것 같지만 컴포넌트가 어디에서 오는지 모르겠습니다. 루트 컴포넌트인가요?

도움 주시면 감사하겠습니다!

2개의 좋아요

아니에요 - 해결했어요! 우아하진 않지만 동작합니다!

{{#if topic.posters.0.user.flair_url}}
  <img src={{topic.posters.0.user.flair_url}} class="absolute bottom-0 right-0 block size-4" />
{{/if}}
2개의 좋아요

놀라운 작업이에요!

1개의 좋아요

이 테마로 커뮤니티를 구축했는데, 1개월 만에 거의 1,000명의 회원이 모였습니다. 감사합니다!

이 테마는 커스터마이징을 통해 멋진 디자인으로 변신할 수 있다고 생각합니다. 예를 들어, 3열 구조를 가진 트위터 레이아웃 같은 디자인이요.

하지만 CSS에서 그리드 대신 플렉스를 사용하면 엉망이 됩니다.

3열을 가운데 정렬하고 동일한 간격으로 배치하는 방법은 무엇일까요? 작은 CSS 수정만으로 이 디자인을 만들 수 있다고 생각합니다. 이 CSS 수정에 대한 팁을 주실 수 있을까요, 친구들?

:pray:

3개의 좋아요

세 개의 열 각각에 어떤 섹션이나 콘텐츠를 표시하고 싶으신가요? 다이어그램을 그려 보실 수 있나요?

3개의 좋아요