에어 테마

해당 컴포넌트에 나와 있는 단계를 모두 따랐는지 확인해 보셨나요? 또한 /admin/site_settings/category/basic?filter=dark에서 다크 테마를 활성화해야 합니다.

저는 사이드바를 활성화한 상태에서도 이 문제에 대해 겪어본 적이 없습니다.


불행히도 이를 변경할 방법이 없습니다. 모듈 접두어 없이 01, 02 등으로 라벨을 지정하는 것이 가능할까요?


크기는 132x132입니다.


여기서 무슨 일이 일어나고 있는지 스크린샷을 공유해 주시겠어요? 제 데모 사이트에서는 이 문제를 발견하지 못했습니다.

1개의 좋아요

설명과 도움 주셔서 감사합니다! 다크/라이트 모드에 추가 구성 요소가 있다는 점을 몰랐습니다. 모듈 번호를 더 명확하게 표시할 수 있는 방법을 찾아보겠습니다. 텍스트 기본값을 이미지로 대체하는 것도 좋은 방법일 것 같습니다. 01을 사용하는 것도 좋은 제안입니다.

검색 배너에 관해서는:

이전에는 이 이미지를 최소한 2배 더 크게 볼 수 있었습니다. 하루를 시작했을 때(테마를 조정하기 전에) 이미지가 축소되어서, 업데이트 때문에 생긴 문제인 것 같습니다. 위 게시물에서 제안하신 크기(1920x1080)로 파일을 업로드해도 여전히 이렇게 늘어나는 현상이 발생합니다.

2개의 좋아요

검색 배너를 설정하는 방법에 대한 지침도 따랐나요? 해당 위치에 텍스트가 보이지 않는데, 혹시 제거하신 건가요?

또한, 이 이미지를 추가할 때 테마 컴포넌트에서 처리하신 건가요?

1개의 좋아요

검색 배너 설정에 관한 모든 지침을 따랐습니다. 요구사항대로 사이트 헤더 아래에 설정해 두었고, 텍스트도 제거했습니다. 하지만 이전에는 텍스트가 없어도 훨씬 더 많이 표시되었습니다. 여전히 이미지의 일부만 표시됩니다. 저는 이미지를 테마 구성 요소가 아니라 검색 배너의 배경으로 업로드했습니다.

이것이 제가 어떤 변경 사항도 만들기 전에 설정해 두었던 모습입니다. 그리고 오늘 아침에 모든 것을 변경하기 전에도 이미지가 이전보다 훨씬 더 잘려 보였는데, 이것이 업데이트로 인해 발생한 문제라고 의심하는 이유입니다. 현재로서는 이미지의 최대 1/4 정도만 보입니다.

또한 테마 구성 요소를 편집하여 이를 재현해 보았지만, 그렇게 했을 때 이미지가 매우 픽셀화되었습니다. 오늘 갑자기 이런 현상이 시작된 이유를 알 수 없습니다. 오늘 다른 테마 세부 사항들도 여러 가지가 어긋나 있는 것을 발견했기 때문에, 단순히 버그가 있는 날일 수도 있습니다. 이것이 새로운 테마, 즉 이 테마를 시도하게 된 계기였습니다. 결국 큰 문제는 아니며, 더 잘 작동하는 새 이미지를 만들 수 있습니다. 다만 갑자기这么大的 차이가 나는 이유에 대해 궁금할 뿐입니다.

2개의 좋아요

테마에 버그가 있습니다. 모바일 뷰에서 답글 수 값이 증가하면 레이아웃이 어긋나고 정렬이 유지되지 않습니다.

참고

업데이트 후에는 개선되었지만, 날짜와 답글 수 정렬 문제가 여전히 남아 있습니다.

1개의 좋아요

제가 만든 테마에 이 코드를 넣으라고 하셨는데, 코드를 추가했는데도 불구하고 views 열이 여전히 표시되지 않습니다. :confused:

수정:

Jordan님이 제공해 주신 코드로 views 열을 추가하려고 했는데, 왜 안 되는지 모르겠습니다. 님의 코드를 적용하니 잘 작동합니다. 감사합니다 :grinning:

2개의 좋아요

여러분 안녕하세요! 정말 아름다운 테마네요. 정말 마음에 들어요.

여기에서 카테고리 설명 대신 하위 카테고리를 표시하는 방법을 아시는 분 계신가요? 홈페이지 레이아웃에 Categories + Latest Topics를 사용 중입니다.

미리 감사합니다


a

2개의 좋아요

직접 테마 컴포넌트를 설치하고 테마에 연결하면 작동합니다. 테마 컴포넌트의 CSS에 다음 줄을 추가해야 합니다.

.custom-category-boxes .description {
    display: none;
}

사용자 정의 테마 컴포넌트를 설치하려면 /admin/customize/themes로 이동하여 설치를 클릭한 다음 새로 만들기를 클릭합니다.

그 후 새 컴포넌트 페이지로 이동하며, 여기서 해당 컴포넌트를 포함할 테마를 선택할 수 있습니다.

이어서 CSS + HTML 편집을 클릭하고 위에서 보내드린 코드를 common.scss 파일에 추가하면 됩니다.

3개의 좋아요

고맙습니다, 동작했습니다! 하지만 하위 카테고리 표시는 어떻게 해야 하나요? 이 코드가 어떤 이유인지 모르겠지만 작동하지 않습니다

.category-boxes .subcategories {
    display: flex !important;
    flex-flow: wrap;
}
1개의 좋아요

카테고리에 그 아이콘을 어떻게 추가했는지 알려줄 수 있나요? :grinning_face:

2개의 좋아요
  1. 수정할 카테고리를 클릭하세요
  2. 설정(도구 아이콘)으로 이동하세요
  3. 이미지 → 카테고리 로고 이미지
3개의 좋아요

아, 그렇군요. 감사합니다 :smiley:

2개의 좋아요

게시글이 새 주제로 분리되었습니다: 검색 배너 제목 글꼴 크기 변경 방법?

이 테마는 이 스레드에서 여러 사용자가 여러 번 제기해 온 것으로 보이는 문제가 해결된다면 거의 완벽할 것입니다.

저도 동일한 문제를 겪고 있습니다. 모바일 배경색이 데스크톱과 일치하지 않아 가독성이 떨어지는데, 특정 상황에서는 모바일에서 사실상 사용할 수 없게 만듭니다.

모바일 예시:
라이트 테마:

다크 테마:

데스크톱 예시:

라이트 테마:

다크 테마

이 테마에 기울여 주신 노력과 작업에 감사하지만, 여러 번 지적되었음에도 이러한 불일치가 버그가 아닌 일종의 기능으로 취급되고 있는 점은 아쉬울 따름입니다. 이 문제가 해결된다면 반드시 사용하겠습니다.

업데이트

위 문제는 discourse-docs 플러그인 때문인 것 같습니다. 어떻게 해결할 수 있을지는 모르겠지만, 이 두 가지 모두 포럼에 좋은 기능인 만큼 discourse docs가 이 테마와 잘 호환되도록 하는 것이 이상적일 것입니다.

3개의 좋아요

방금 새로 만든 Discourse 사이트에 Air 테마를 설치해 보았습니다. 제 사이트에서는 가독성 문제를 해결하기 위해 다양한 요소에 배경색이 설정되어 있습니다:

Air 테마의 CSS를 덮어쓸 수 있는 사용자 정의 CSS가 사이트에 있나요?

2개의 좋아요

흥미롭네요, 저는 커스텀 CSS를 사용하지 않고 있습니다. 간섭이 있는지 확인하려고 모든 테마 컴포넌트도 제거해 봤지만 문제가 계속되었습니다.

그럼에도 원인을 알 수 없네요 :thinking:

1개의 좋아요

확인 차问一下, 모바일 기기를 사용 중이셨나요?

데스크톱 브라우저를 사용해 화면 크기를 줄이면 레이아웃이 질문자님과 일치하는 것을 볼 수 있지만, 모바일 기기 브라우저에서는 동일한 구조가 나타나지 않습니다. 예를 들어, 드롭다운에 '최신’만 표시됩니다… 이는 질문자님의 기기가 모바일로 감지되지 않고 있기 때문에, 위 모바일 예시처럼 테마가 '버그’를 일으키지 않는 것이 아닌가 싶습니다?

1개의 좋아요

솔직히 사이트 대부분에서는 문제가 없는 것 같아요. 아마 이 문제는 ‘discourse-docs’ 플러그인에 한정된 것 같습니다. 둘이 함께 잘 동작하지 않는 것 같네요.

3개의 좋아요

네. 데스크톱에서 URL에 ?mobile_view=1 파라미터를 추가하여 모바일 모드를 테스트하고 있습니다. 결과는 모바일 기기에서 확인되는 것과 동일해야 합니다. 스크린샷에서는 확실히 모바일 뷰가 제공되고 있습니다.

말씀하신 것이 원인인 것 같습니다!

이 문제는 모바일에서만 문서 관련 주제에 영향을 미치는 것 같고, 데스크톱에서는 정상적으로 보입니다.

3개의 좋아요