hugh
5월 7, 2025, 4:57오전
1
Discourse에서 테마 및 테마 컴포넌트가 표시되는 방식에 대한 중요한 업데이트를 발표하게 되어 기쁩니다. 이 업데이트를 통해 커뮤니티의 테마 및 테마 컴포넌트를 탐색하고, 선택하며, 관리하는 경험이 보다 직관적이고 사용자 친화적으로 개선되었습니다.
테마 페이지는 각 테마를 적용하기 전에 어떤 모습인지보다 쉽게 확인할 수 있도록 보다 시각적인 레이아웃으로 완전히 재설계되었습니다:
시각적 미리보기 : 테마의 색상 조합 또는 테마 개발자가 추가한 미리보기 이미지로 각 테마를 정확히 나타내는 섬네일.더 나은 조직화 : 관련 정보가 쉽게 확인되도록 갤러리 뷰로 테마가 표시되어 탐색 및 선택이 더 직관적입니다.상세 정보에 대한 빠른 접근 : 핵심 정보를 한눈에 볼 수 있으며, 추가 세부 사항은 클릭 한 번으로 확인할 수 있습니다.
이 가이드를 따르세요 .
테마 컴포넌트는 효율성을 위해 설계된 간결한 테이블 레이아웃을 제공합니다:
한눈에 보는 핵심 정보 : 컴포넌트 세부 정보 및 사용 정보를 명확하고 구조화된 형식으로 확인합니다.개선된 정렬 및 필터링 : 특정 필요에 따라 컴포넌트를 쉽게 좁혀서 볼 수 있습니다.간편한 제어: 단일 뷰에서 모든 컴포넌트의 활성화를 빠르게 제어할 수 있습니다.
이러한 업데이트는 비기술 사용자를 포함한 모든 사용자에게 Discourse 관리가 더 직관적이고 접근하기 쉬워지도록 하기 위한 우리의 지속적인 노력의 일환입니다. 테마를 위한 시각적 레이아웃은 사이트의 외관에 대한 더 나은 결정을 내리는 데 도움이 되며, 컴포넌트를 위한 실용적인 테이블 레이아웃은 사이트의 기능을 확장하는 것을 더 쉽게 만들어 줍니다.
이 새로운 페이지는 이미 우리 호스팅의 모든 Discourse 사이트에서 활성화되어 있습니다. Discourse 관리자에서 “테마 및 컴포넌트” 페이지로 이동하여 찾을 수 있습니다. 자체 호스팅 사이트의 경우, 새로운 페이지를 확인하려면 최신 버전으로 업데이트해야 합니다.
이 새로운 페이지는 테마 관리 경험을 개선하기 위한 우리의 지속적인 개선의 시작에 불과합니다. 테마 커스터마이징을 더욱 접근하기 쉽고 강력하게 만들기 위해 추가 기능 개발을 계속하고 있습니다.
이러한 변경 사항에 대한 여러분의 피드백을 듣고 싶습니다! 이 토픽에 답글을 남겨 여러분의 생각을 알려주세요.
25개의 좋아요
지금까지 제품 전반에 걸친 이 현대화 작업을 정말 좋아하고 있어요! 2021년에 Discourse를 처음 시작했던 걸 떠올리면 정말 놀라워요. 계속 이어서 주세요
6개의 좋아요
Jagster
5월 7, 2025, 6:04오전
6
스크린샷이 있으면 상황이 달라질 수도 있습니다. 하지만 갤러리보다는 이름이 훨씬 더 필요해 보입니다.
관리자가 왜, 그리고 무엇을 위해 갤러리가 필요한지 모르겠습니다.
다만 Componentside는 괜찮아 보입니다.
3개의 좋아요
hugh
5월 7, 2025, 6:10오전
7
표시가 잘못되고 있습니다. 테마에 스크린샷이 추가되지 않은 경우, 테마의 색상 팔레트에서 생성된 SVG가 표시되어야 합니다. 또한 해당 이미지 아래에 테마 이름도 표시되어야 합니다. 여기 공지사항에 표시된 것이 바로 그 모습입니다.
이전 주제 를 살펴보니, 해당 페이지에 커스텀 CSS를 추가하셨을 가능성이 있습니다. 이것이 여기에서 간섭을 일으키고 있는 것은 아닌지 확인해 주세요. 또한 레이아웃이 잘못되어 해당 테마 카드들이 너무 넓게 표시되고 있고 줄바꿈도 잘못되고 있는 것으로 보입니다.
이 페이지에 영향을 미치는 CSS가 있는지 확인해 주시겠습니까?
3개의 좋아요
테마 미리보기 이미지가 선택된 팔레트를 보여주는 지능적인 방법이라고 생각했는데, 제 "Cream Theme"의 미리보기 이미지가 계속 바뀌는 것 같아요.
미리보기 이미지의 목적은 무엇인가요?
선택한 색상 스킴을 전달하는 데 사용하는 건 꽤 좋은 옵션이라고 생각했는데요?
3개의 좋아요
hugh
5월 7, 2025, 6:13오전
9
페이지가 로드될 때마다 서로 다른 생성된 이미지가 표시되지만, 각 이미지는 테마 자체의 색상 팔레트로 생성되므로 정확히 그렇게 동작합니다. 몇 가지 다른 이미지 형식을 사용하지만, 항상 테마의 팔레트를 사용합니다.
각 페이지 재로드 시 동일한 테마에 대해 동일한 생성된 이미지를 표시하는 것이 더 유용할까요? 우리는 그렇게 하는 것을 고려해 보았고, 가능하므로 해당 부분에 대한 피드백이 도움이 될 것입니다.
3개의 좋아요
아, 좋습니다. 의도가 일치하네요. 조금 더 사용해 볼게요.
예제마다 색을 대략 비슷한 정도로 효과적으로 전달하기만 한다면, 약간의 다양성은 괜찮습니다. 감사합니다 @hugh !
2개의 좋아요
hugh
5월 7, 2025, 6:16오전
11
피드백을 계속 보내주세요! 이 페이지에 대해 몇 가지 수정 사항과 업데이트를 준비하고 있으며, 현재 적극적으로 작업하고 있습니다.
1개의 좋아요
@Jagster 님의 말씀대로, 제 주요 우려는 테마 컴포넌트에 이미지가 추가된 것이었습니다. 일부에게는 꽤 좋은 점일 수 있지만, 이미지의 수가 너무 많아 갤러리 뷰를 사용하는 것을 저로서는 어렵게 만듭니다.
새로운 목록은 아주 훌륭한 변경입니다!
혹시 호버 시에 이미지를 보여주는 방식으로 지원할 수는 없을까요? 모르겠네요 …
4개의 좋아요
Jagster
5월 7, 2025, 6:24오전
13
hugh:
잘 표시되지 않습니다.
네, 실제로 그렇고 안전 모드에서는 표시되어야 할 내용이 정상적으로 표시됩니다. 이상하네요. 관리자 화면에 영향을 미칠 만한 요소가 없다고 생각했지만, 분명히 영향을 미치고 있네요.
그리고 여전히 갤러리가 필요한 곳이 어디인지 궁금합니다. 관리자는 쇼핑을 하는 것이 아니라, 설정할 테마를 찾고 있을 뿐이죠. 만약 여러분이 WordPress처럼 중앙 집중식 테마 라이브러리를 만든다면 완전히 다른 이야기가 될 텐데, 왜 그렇게 하지 않는지 항상 궁금했습니다.
하지만 제 설정에 문제를 일으키는 것이 무엇인지 파헤쳐 보겠습니다.
감사합니다.
4개의 좋아요
hugh
5월 7, 2025, 6:31오전
14
네 - 테마 컴포넌트의 이미지는 처음에는 이 새로운 테이블 기반 레이아웃으로 나아가는 과정에서의 첫 번째 단계로 의도되었습니다. 우리는 이 새로운 레이아웃이 훨씬 더 실용적이고 유용하다고 생각하며, 여러분이 이를 좋아하시는 것이 기쁩니다!
해결하시길 바랍니다!
음, 테마는 본질적으로 시각적인 것이므로, 무엇을 기대할 수 있는지에 대한 시각적 미리보기는 상대적으로 유용하며, 이 단계에서도 관리자가 어떤 테마를 설정할지 결정하는 데 도움이 됩니다.
이 새로운 레이아웃에서 미리보기는 테마 개발자가 추가한 이미지이거나, 테마의 색상 팔레트에 사용된 색상에서 생성된 이미지 중 하나가 됩니다. 어느 쪽이든, 관리자가 깊이 들어가기 전에 기대할 수 있는 내용을 조금이나마 미리 볼 수 있게 해줍니다.
WordPress와 비교하신다면, WordPress 대시보드의 테마 라이브러리에도 이와 같은 미리보기 이미지가 있습니다(테마 개발자가 제공하지 않는 경우 폴백으로 빈 이미지만 표시되긴 합니다).
중앙 테마 라이브러리에 대해서는 - 분명히 논의해 온 주제입니다! 당분간 진행 중인 사항은 없지만, 우리 레이더에는 올라와 있습니다.
3개의 좋아요
RGJ
5월 7, 2025, 6:35오전
15
정말 좋아해요
몇 가지 (사소한) 의견:
네, 그 방식이 더 좋습니다. 현재 구현 방식은 사람들에게 정말 혼란을 줍니다. 그리고 기능이 ‘재미있기’ 위해서는 명확성을 떨어뜨리지 않아야 합니다.
필터는 편리하지만, 정렬 컬럼 순서가 '활성화됨 - 사용됨 - 이름’으로 되어 있다면 더 좋을 것 같습니다.
테마 이름이 두 줄로 나뉘어 있는 부분이 다소 어수선해 보입니다. '사용 안 됨’과 시각적으로 구분할 수 있도록 배경색을 약간 다르게 하여 테마 이름도 라벨처럼 보이게 하는 것은 어떨까요?
그리고 라벨을 클릭하면 해당 특정 테마에서 사용 중인 컴포넌트만 자동으로 필터링되어 보이도록 한다면 최고 가 될 것입니다.
하지만 현재 상태도 이미 '최고’에 매우 가깝습니다!
9개의 좋아요
hugh
5월 7, 2025, 6:40오전
16
정말 좋은 피드백입니다. 감사합니다! 전체 레이아웃을 마음에 들어 하셔서 기쁩니다.
RGJ:
이미지 변경
피드백을 반영하여 이 부분을 개선하겠습니다.
공감합니다. 기본 정렬 순서를 개선하는 것이 확실히 더 나은 방향이라고 생각합니다. 어떤 방식이 가장 좋은지 검토해 보겠지만, 제안해 주신 방법은 매우 타당해 보입니다.
이 부분을 지적해 주셔서 감사합니다. 제안해 주신 아이디어가 흥미롭네요! 이 표시 방식을 개선하는 최선의 방법을 조사해 보겠습니다.
페이지 상단에 이러한 테마 필터를 추가하는 것을 논의했고, 조만간 추가할 예정입니다. 또한 이 컬럼의 테마 이름을 클릭했을 때 동일한 필터링이 적용되면 멋진 기능이 될 것입니다. 확실히 검토해 볼 가치가 있는 부분입니다.
모든 피드백에 감사드립니다. 앞으로 더 많은 개선 사항이 나올 예정입니다!
5개의 좋아요
Jagster
5월 7, 2025, 9:16오전
17
hugh:
해결되길 바랍니다!
때로는 정말 멍청한 것 같아요
컴포넌트에 갤러리 뷰를 처음 적용하려다 실패했던 그 불운한 시도를 수정했던 CSS 스니펫… 글쎄요, 이번에는 테마 쪽이 깨져 버렸네요.
더 이상 사용할 필요 없음
.admin-config.customize {
.admin-detail {
padding: 0;
}
.themes-cards-container {
display: flex;
flex-direction: column;
max-width: 500px;
gap: 0;
}
.admin-config-area-card__content {
flex-grow: 0;
margin: 0;
padding: 0;
}
.theme-card {
flex-direction: row;
margin: 0;
padding: 0.75rem 0;
box-shadow: none;
border: none;
border-bottom: 1px solid var(--primary-low);
&__image-wrapper,
&__content {
display: none;
}
&__footer {
gap: 1rem;
}
}
.theme-install-card {
margin-top: 1rem;
}
}
이 댓글들을 삭제해야 할 것 같아요. 도움이 되지 않고 주제만 오염시킬 뿐이니까요.
4개의 좋아요
hugh
5월 7, 2025, 10:36오후
18
문제를 찾아서 다행이에요!
코멘트를 삭제한 건 걱정하지 마세요. 여기서는 함께 배우고 있으니까요
6개의 좋아요
Moin
5월 15, 2025, 8:52오후
19
대시보드의 알림을 클릭하면 이전 인터페이스로 이동하는 것을 방금 알아차렸습니다. 새로고침을 하면 새 인터페이스가 보입니다.
3개의 좋아요
변경 사항
자신의 테마에 시각적 미리보기를 추가하고 싶으신가요? 이 가이드를 따르세요.
이러한 변경 사항을 확인하는 방법
더 많은 개선 사항이 다가옵니다!
