에어 테마

커스터마이징 테마
435

네, 모바일 문서만 해당되니 큰 문제는 아닙니다. 다만 결국에는 수정되면 좋겠어요.

이 문제를 꼼꼼히 살펴봐 주셔서 감사합니다 :slight_smile:

1개의 좋아요
436

문제는 여기에서 발생하는 것 같습니다:

테마 컴포넌트에 CSS를 추가하는 것만으로 문제를 해결할 수 있을 것 같았지만, 메인 문서 페이지가 body 태그에 CSS 클래스를 추가하지 않기 때문에 까다로운 문제로 드러나고 있습니다. 즉, 이것만으로는 충분하지 않습니다. 이 코드는 개별 문서 주제에서는 문제를 해결하지만, 문서 주제 목록에서는 해결하지 못합니다:

html body.archetype-docs-topic #main-outlet {
  border-radius: 0px !important;
  width: calc(100% - 3em) !important;
  background-color: var(--secondary) !important;
  margin-bottom: 0px !important;
}

수정을 위해 문서 플러그인과 air 테마 모두에 작은 변경 사항이 필요할 것으로 추정됩니다. 팀과 이 문제에 대해 후속 조치를 취하겠습니다. 비교적 빨리 수정될 것입니다.

1개의 좋아요
437

확인해 주셔서 감사합니다 :smiley:

1개의 좋아요
438

여기 참고사항을 하나 덧붙입니다. 로딩 슬라이더(Loading Slider)와 다크/라이트 스킴 토글(Dark Light Scheme Toggle)이 테마 구성 요소에서 제거되었습니다:

OP(원문)에서 로딩 슬라이더에 대한 언급을 제거했습니다. 다크/라이트 스킴 토글도 함께 제거해야 하는지, 아니면 사이드바와 호환되는 유사한 구성 요소를 추가해야 하는지 확인 부탁드립니다.

2개의 좋아요
439

이 컴포넌트가 이제 사이드바와 함께 작동한다고 생각합니다. 헤더에 배치하거나 사이드바에 배치하도록 설정할 수 있는 옵션이 있습니다.

1개의 좋아요
441

여러분 안녕하세요, 테마가 정말 좋습니다. .nav-pils:not(.user-nav)>li>a 셀렉터의 테두리 반경(border radius)에 작은 문제가 있어서 활성 탭의 테두리가 일관되지 않게 뾰족하게 보이는 현상이 발생합니다:

image
image695×116 10.2 KB

하단 테두리 반경(bottom border radii)을 0으로 설정하면 이 문제가 해결됩니다. PR을 제출해도 될까요, 아니면 제가 뭔가 놓치고 있는 건가요?

image
image1189×240 41.5 KB

수정: 코드 변경량이 몇 줄에 불과해서 여기에 PR을 먼저 올려 두었습니다.

3개의 좋아요
442

죄송합니다, 하나 더 - events 플러그인을 사용할 때도 비슷한 문제인지 궁금합니다:

image
image1150×1352 72.2 KB

2개의 좋아요
443

전체 화면에서 채팅의 스레드(Threads) 패널을 열 때 CSS에 작은 문제가 있는 것 같습니다. 스레드 닫기(X) 버튼 오른쪽:

Screenshot from 2023-10-04 08-39-18
Screenshot from 2023-10-04 08-39-181090×121 14.9 KB

Screenshot from 2023-10-04 08-37-26
Screenshot from 2023-10-04 08-37-261090×121 20.1 KB

1개의 좋아요
444

카테고리 박스에 하위 카테고리를 표시하는 방법에 대한 해결책이 있는지 궁금합니다.

1개의 좋아요
447

Hi @jordan.vidrine, modern category boxes에서 업데이트가 가능하다고 표시되었습니다. 업데이트 후 빈 페이지가 표시됩니다.

Screenshot_20231012-231827
Screenshot_20231012-2318271080×2340 156 KB

테스트 통과

Docker 및 Discourse를 업그레이드한 후 수정되었습니다. 다만 업데이트가 필수라는 표시는 나오지 않았습니다.

1개의 좋아요
448

배경인 discourse-search-banner의 그라데이션을 제거하고 단일 색상으로만 보이도록 하려고 합니다.
이미 Beginner's guide to using Discourse Themes 이라는 글을 읽었습니다.
하지만 HTML/CSS 편집 버튼을 찾을 수 없습니다. "이 테마를 편집하려면 저장소에 변경 사항을 제출해야 합니다"라는 메시지가 표시됩니다.

Air 테마 + 컴포넌트에 CSS/HTML 변경 사항을 어떻게 적용할 수 있나요?

감사합니다

2개의 좋아요
449

이 게시글에서는 테마에 영향을 미치도록 자체 CSS를 추가하거나 수정하는 방법을 설명합니다.

2개의 좋아요
450

먼저 생일 축하드립니다.
두 번째로, 답변해 주셔서 감사합니다.

다시 확인해 보았습니다. 하지만 이전에 말씀드린 것처럼, Air 테마에는 “HTML/CSS 편집” 버튼이 없습니다. 기본 테마에는 해당 버튼이 있습니다.

image
image1118×758 51.4 KB

image
image993×790 52 KB

2개의 좋아요
451

기꺼이 도와드리겠습니다!

먼저 테마 컴포넌트 메뉴에서 사용자 테마 컴포넌트를 생성해야 합니다. 그런 다음 air 테마에서 해당 테마 컴포넌트를 활성화해야 합니다.

이후 새 테마 컴포넌트에서 수행하는 css/html 변경 사항은 air 테마에 적용됩니다.

1개의 좋아요
452

아, 알겠습니다. 이제 이해했어요. WordPress처럼 자식 테마(Child Theme)인 거죠?

기존의 모든 컴포넌트도 그대로 유지해야 하는 거 맞나요?

image
image978×585 52.1 KB

2개의 좋아요
455

안녕하세요,

환영 메시지의 크기를 어떻게 변경할 수 있을까요?
image

찾아보니 적절한 크기로 CSS를 수정하면 된다는 것을 알게 되었습니다:

.custom-search-banner-wrap h1 {
    font-size: 3em;
}

@jordan.vidrine 님 안녕하세요.
저는 Topic List Thumbnails Theme Component - theme - Discourse Meta와 Air 테마를 목록 모드(list mode)로 함께 사용하고 있습니다. 잘 작동하지만 해결하지 못한 문제가 하나 있습니다.
데스크톱 카테고리 페이지 스타일(desktop category page style) 필드에 다음을 입력했습니다:
categories and recent topics

홈페이지에서는 카테고리가 정상적으로 표시되지만, 카테고리 아래에 표시되는 최근 주제(recent topics)는 기본 템플릿으로 표시됩니다. 대신 목록 모드(thumbnails with list mode)의 썸네일로 표시되기를 원합니다.
어떻게 진행해야 할까요?
참고로, 카테고리 내부에서는 목록 모드(thumbnails with list mode)의 썸네일이 잘 작동합니다.

2개의 좋아요
456

해당 구성 요소가 최근 주제 카테고리가 있는 페이지에서 생성된 주제 목록과 호환되지 않는다고 생각합니다. 모든 “카테고리…” 페이지는 이 구성 요소의 영향을 받지 않는 고유한 템플릿입니다.

3개의 좋아요
458

안녕하세요,

[Double boxes bug “Modern Category + Group Boxes” Subcategories] 관련 문제가 있습니다. 해결 방법이 있을까요? (Double boxes bug "Modern Category + Group Boxes" Subcategories)

1개의 좋아요
460

이 문제는 수정되었습니다 :smile:

5개의 좋아요
462

상자 안에 표시된 카테고리 약어(이미지에서 원으로 표시된 부분)를 수정할 수 있을까요?

Category abbreviations
Category abbreviations775×480 47.2 KB

우리는 유사한 이름을 가진 카테고리가 많기 때문에(이름들은 학년/연도별로 나뉘어 반복되는 형태입니다) 약어들도 비슷해지고 있습니다. 또한 현재 약어들은 우리 커뮤니티에게 의미가 명확하지 않습니다. 따라서 이 약어들을 업데이트할 수 있기를 정말로 바랍니다.

1개의 좋아요