에어 테마

약자를 이미지로 대체할 수 있습니다:
카테고리 클릭 → :wrench: 렌치 아이콘 → Images(이미지)

CleanShot 2023-12-11 at 20.25.22

만약 약자만 숨기고 싶다면, 컴포넌트를 생성하고 다음과 같은 CSS를 적용할 수 있습니다:

.custom-category-boxes:not(.above-discovery-categories-outlet) .category-box .category-box-inner {
    .category-logo.no-logo-present {
        display: none;
        
        & + .category-details {
            grid-column: 1/3;
            padding: 1em 1.5em;
            width: 100%;
        }
    }
}

변경 전:

변경 후:

7개의 좋아요

Hi @jordan.vidrine. 최신 카테고리 박스에서 하위 카테고리를 어떻게 표시할 수 있나요? 박스와 하위 카테고리를 선택했는데도 화면에 표시되지 않아요. 이 옵션이 컴포넌트에 추가되지 않은 건가요?

3개의 좋아요

기본값으로 숨겨져 있으며, 표시하려면 테마 구성 요소에서 사용자 정의 CSS를 통해 숨김을 해제해야 합니다.

2개의 좋아요

감사합니다. 리포지토리를 포크한 후에야 그 사실을 알게 되었습니다. 제 문제는 해결되었습니다.

3개의 좋아요

안녕하세요 @jordan.vidrine. 먼저, 매우 사용하기 좋은 테마를 만들어 주셔서 축하드립니다. 저는 discourse가 처음이라 잘 모르는 부분이 많은데, CSS를 추가하고 싶지만 사용자 정의 CSS를 추가할 수 있는 버튼을 찾을 수 없습니다. 이를 위해 플러그인을 설치해야 하는 건가요? 기본 테마에서는 테마 설정에서 직접 추가할 수 있었는데요. 미리 감사드립니다 :slight_smile:

3개의 좋아요

Discourse를 사용자 지정하는 방법에 대한 정보는 여기에서 확인하세요 → Beginner's guide to using Discourse Themes

3개의 좋아요

저도 이 테마를 좋아하는 또 한 명으로서, 질문을 시작하기 전에 "감사합니다"와 "잘 만들었습니다"라고 말하고 싶습니다! :blush:

제 질문은 이것입니다: 기본 다크 모드 색상 팔레트를 설정하는 방법이 있나요?

기본 테마를 라이트 모드로 설정한 모습은 다음과 같습니다(노르웨이어 번역이 좀 엉망이라 죄송합니다):

라이트 모드와 다크 모드용 커스텀 팔레트를 만들었습니다(사용자가 선택할 수 있도록 활성화되어 있으며, 이 부분은 잘 작동합니다). 하지만 Air-Light와 Air-Dark를 비활성화할 수 없습니다. 그리고 다크 모드가 활성화된 상태에서 인코그니토 모드로 사이트에 접속하면 Air-Dark가 제공됩니다.


아, 그리고 또 다른 질문입니다: 다크/라이트 스킴 토글(Dark Light Scheme Toggle)은 어디에 있어야 하나요?

테스트 사용자로 로그인한 상태에서 오른쪽 위 프로필 사진을 클릭하면 다음과 같은 화면이 표시됩니다:


관리자로 로그인한 경우의 화면은 다음과 같습니다:

제 사이트 링크입니다. 아직 많이 완성되지 않았지만, 확인하시는 데 도움이 된다면 참고해 주세요. 감사합니다!

1개의 좋아요

다음 가이드라인을 따랐나요?

이 토픽은 air 테마에 설치된 다크 라이트 토글 컴포넌트에 관한 것입니다. 거기서 도움이 될 것입니다. 사이드바나 헤더에 표시되도록 설정할 수 있습니다.

2개의 좋아요

네, 사용자는 라이트 모드와 다크 모드를 자유롭게 선택할 수 있습니다. 제가 작업하고 있는 부분은 사용자가 선택하기 전에 새로운 사용자가 보는 화면, 즉 기본 설정입니다.

새로운 사용자가 사이트에 접속했을 때, 기기에 라이트 모드가 설정되어 있으면 스크린샷에 설정한 팔레트가 적용됩니다. 하지만 기기에 다크 모드가 설정되어 있으면 Air-Dark가 적용됩니다. 제가 바꾸고 싶은 부분이 바로 이것입니다.


컴포넌트 링크 감사합니다! 별도 컴포넌트인 줄 몰랐습니다. :slightly_smiling_face:

3개의 좋아요

다크 모드 사용자에게 무엇을 표시하고 싶으신가요?

1개의 좋아요

네, 현재 설치/활성화된 팔레트가 4개 있습니다:

  • Mine-Light
  • Mine-Dark
  • Air-Light
  • Air-Dark

(마지막 두 개는 비활성화할 수 있으면 좋겠지만, 그것은 별개의 문제입니다. 팔레트들은 정말 좋습니다! 하지만 저는 축구 팀을 위한 포럼을 만들고 있으며, 팀 유니트 색상에 해당하는 팔레트들을 만들었습니다. :smiling_face:)

Mine-Light를 기본 팔레트로 설정할 수 있었습니다. 따라서 디바이스에서 라이트 모드가 켜진 상태로 사이트를 방문하는 새 사용자에게는 해당 팔레트가 제공됩니다.

하지만 문제는 이렇습니다: 디바이스에서 다크 모드가 켜진 상태로 사이트를 방문하는 새 사용자에게는 _Air-Dark_가 제공되고 있습니다. 그런데 저는 _Mine-Dark_가 제공되길 바랍니다. (현재로서는 설정에서 수동으로 선택해야만 가능합니다.)

2개의 좋아요

여기서 어떤 스킴이 설정되어 있나요? → admin/site_settings/category/all_results?filter=dark%20mode

2개의 좋아요

오, 거기서 선호 스킴을 설정하니 작동하네요 - 감사합니다! :raising_hands:t2:

다만, 그곳(사이트 설정 ➔ 기본 설정)에서는 오직 기본 다크 모드만 설정할 수 있었던 것이 조금 이상했어요 - 그리고 테마 설정에서는 오직 기본 라이트 모드만 설정할 수 있었거든요. :upside_down_face:

테마 설정에서 라이트 모드를 설정하는 부분 아래에, 가능하면 링크와 함께 작은 참고 문구를 추가하는 것을 고려해 보세요. 다음과 같은 내용입니다:

이 설정은 테마의 기본 라이트 모드 팔레트를 설정합니다. 여기를 클릭하여 기본 다크 모드를 설정하세요./사이트 설정 ➔ 기본 설정으로 이동하여 기본 다크 모드를 설정하세요.


참고로, 투명도와 블러 효과를 사용하여 테마를 조금 꾸며 보았습니다. :blush: (다만, z-index 관련 문제가 몇 가지 발생했는데 - 아마도 제가 아직 초보라서 그런 것 같고, 아직 해결 중입니다.) 특히 배경의 스우시(스위시) 효과가 더 무게감 있어 보이는 것이 마음에 들었습니다!

관심 있으시면 여기를 한번 살펴보세요! (아직 초기 단계라, 보시는 것처럼 아직 다듬는 중입니다.)

1개의 좋아요

안녕하세요, Niantic, Inc.의 Wayne Hsu입니다.

8thwall.com 포럼을 Discourse Air 테마와 사용자 정의 색상 팔레트로 구축하고 있습니다. 그런데 모바일 뷰에서 카테고리 페이지의 메인 콘텐츠 컨테이너(div id: main-outlet) 배경이 완전히 투명하고 알파 값이 0으로 설정되어 있습니다. 배경색/알파 값을 업데이트할 방법을 찾지 못하겠습니다.

이전에 비슷한 문제를 겪은 분을 확인했습니다.

설정에서 “desktop category page style”(데스크톱 카테고리 페이지 스타일)을 다른 값으로 변경하라는 제안이 있었지만(현재는 Categories and Latest Topics로 설정되어 있음), 이는 데스크톱 뷰에만 적용되는 설정이라 도움이 되지 않는 것으로 보입니다.

해결책에 대해 의견이 있으신가요?

감사합니다!

3개의 좋아요

꽤 깔끔해 보이네요!

1개의 좋아요

에어 테마가 정말 마음에 들지만, 관리자 > 커스터마이즈 > 에어 테마로 이동하면 CSS를 편집(또는 추가)할 수 있는 옵션이 보이지 않습니다. 제가 놓치고 있는 것이 있을까요? 제 사이트는 https://www.communiteq.com/에서 호스팅되고 있습니다. 제가 보는 화면은 다음과 같습니다:

1개의 좋아요

직접 자신의 컴포넌트를 추가해야 합니다.

3개의 좋아요

@Moin! 저는 디스코스를 막 시작한 초보인데, 와! 정말 계속 더 좋아지고 있네요! 정말 감사합니다!

그리고 이 스레드를 읽다 보니, 이 질문은 이미 약 5,000번이나 반복해서 질문되고 답변되었음을 확인했습니다. 이 점 양해 부탁드립니다.

3개의 좋아요

사과하실 필요 없어요. 그걸 할 수 있다는 건 널리 알려지지 않은 사실일 수 있거든요! :smile:

테마/컴포넌트를 탐색해 보고 싶으시다면 다음 가이드를 참고해 주세요:

3개의 좋아요

테마를 공유해 주셔서 감사합니다. 어도비 폰트를 사용하고 싶은데, 테마 파일을 직접 수정해야 하나요? 아니면 가장 효율적인 방법이 따로 있을까요?

또한 헤더의 로고가 다소 작아 보이고, 오른쪽의 검색창과 로그인 부분이 아이콘보다는 버튼처럼 보이도록 수정하고 싶습니다. 이 부분은 플러그인/컴포넌트 문제인가요, 아니면 CSS로 해결할 수 있나요?