문제는 다음 부분에서 발생합니다:
conditional-loading-section:not(.is-loading) {
transition: opacity 5s ease-in-out;
}
커스텀 CSS를 사용하여 이를 none으로 설정할 수 없으며, 테마의 기본 conditional-loading-section.scss에 의해 덮어쓰기됩니다.
1개의 좋아요
검색 배너의 위치를 조정할 수 있을까요?
예를 들어 정렬을 중앙에서 오른쪽으로 변경하거나, 단순히 오른쪽으로 약간 이동시켜 위치를 조정하는 것 같은 경우요.
1개의 좋아요
테마 컴포넌트 설정을 사용하지 않지만, 사용자 정의 CSS를 사용하면 쉽게 구현할 수 있습니다.
2개의 좋아요
배경 이미지를 텍스트 대신 배치하는 데 사용하고 있습니다.
하지만 검색 배너와 이미지를 다시 조정할 수 없습니다.
CSS 코드를 제공해 주시면 매우 감사하겠습니다.
2개의 좋아요
요소 검사(Inspect Element)를 사용하면 도움이 될 수 있습니다. 또는 이 컴포넌트의 CSS 소스나 Air 테마를 살펴보세요. CSS의 첫 부분인 common의 첫 몇 줄에서 검색 배너를 타겟으로 하고, 이를 타겟팅하는 수정 사항(mods)을 적용하는 것이 좋습니다.
언급하신 문제가 XP(확장성/경험치)와 관련되어 있지 않아 테스트해 보지 못했습니다.
.display-search-banner {
#main-outlet {
padding-top: 2em;
align: center !important;
}
이 코드를 사용자 정의 Customization > Theme component CSS common에 넣으세요.
코드 작성 방법을 제공하는 사람들의 욕구를 이해합니다. 저도 아직 배우는 중이니까요. 하지만 기본기를 스스로 교육하는 노력도 필요합니다.
브라우저의 요소 검사 기능을 사용하여 "align: center !important;"를 테스트해 볼 수 있습니다.
3개의 좋아요
이것은 정말 좋아 보입니다. 다만 RTL 레이아웃에서 사용할 때 패딩이 올바르게 적용되지 않는 것 같습니다.
LTR:
RTL:
RTL 모드에서 설정 아이콘과 플레이스홀더의 패딩이 서로 바뀌어 있는 것 같습니다.
2개의 좋아요
알려주셔서 감사합니다! 방금 수정을 적용했으니 이제 해결될 것입니다.
5개의 좋아요
최신 3.3.1 테스트 통과 버전에서 모바일에서만 자동완성 검색 결과의 카테고리 아이콘이 표시되지 않습니다. 모든 플러그인이 비활성화된 안전 모드에서도 문제를 재현할 수 있습니다.
다음 주소에서 직접 확인해 보실 수 있습니다: forum.cannabisanbauen.net
3개의 좋아요
공식 수정이 나올 때까지 사용할 수 있는 임시 해결책입니다:
.search-menu {
.search-link {
.badge-category {
display: inline-flex;
}
}
}
이 CSS와 관련이 있는 것 같습니다:
배지 카테고리(badge category)에 올바른 display 속성이 적용되어 있지 않습니다.
다만, .badge-category에는 이미 inline-flex가 적용되어 있으므로, 컴포넌트 내의 CSS를 제거해도 안전할 것 같습니다. 
6개의 좋아요
이 내용을 추가하고 텍스트를 설정했는데, 로그인한 사용자에게만 표시되고 비로그인 사용자에게는 표시되지 않아요. 설정은 '둘 다(Both)'로 되어 있습니다:
로그인 상태:
비로그인 상태:
설정:
1개의 좋아요
English_US 번역도 수정하면 어떻게 되나요?
로그인된 상태에서는 설정에서 선택한 언어(또는 사이트의 기본 로케일)가 사용된다고 생각합니다. 로그아웃 상태에서는 브라우저의 언어 설정에 따라 텍스트가 표시됩니다. 따라서 사용자가 직접 커스터마이징하지 않은 언어를 사용하는 모든 사용자는 기본 텍스트를 보게 됩니다. 그래서 더 많은 언어를 커스터마이징하는 것이 좋을 수도 있습니다.
4개의 좋아요
오, 완벽하네요! 잘 작동했어요. 감사합니다!
1개의 좋아요
모두에게 알려드립니다. 이 기능의 간소화 버전을 곧 코어에 병합할 예정입니다. FEATURE: Add welcome banner to core - Pull Request #31516 - discourse/discourse - GitHub
이 컴포넌트는 여전히 지원되지만, 해당 PR 이후로 이름이 Advanced Search Banner로 변경되었습니다. DEV: Update theme name to Advanced Search Banner - Pull Request #84 - discourse/discourse-search-banner - GitHub 이 컴포넌트가 설치되어 있으면, 코어의 환영 배너는 표시되지 않습니다.
5개의 좋아요
여러분 안녕하세요. 제 사이트에 이 컴포넌트를 추가했는데, 제목 텍스트는 표시되지만 실제 검색창은 표시되지 않습니다. 다른 분들도 같은 문제를 겪고 있는지 혹시 아는 분 계신가요?
1개의 좋아요
좁은 화면이나 모바일 기기를 사용 중이신가요? 이러한 경우 검색 창이 표시되지 않는 문제가 현재 발생하고 있는 것으로 보입니다.
아이폰에서 크롬 브라우저를 사용해 커뮤니티 페이지를 보고 있습니다.
음. 이 문제에 대해 알려줄 수 있는 사람이 있을까요, 아니면 이 기능을 만든 사람이 이미 알고 있을까요? (저는 디스커스에 처음 와서 배우고 있는 중입니다.)
1개의 좋아요
네, 바로 저예요! 수정 사항을 추가했으니, 테마 컴포넌트를 업데이트하면 이제 검색 상자가 표시되어야 합니다.
4개의 좋아요
이 컴포넌트는 Mint 테마에서는 표시되지 않습니다. 하지만 다른 테마에서는 표시될 수 있도록 시도해 보았습니다.
안녕하세요 여러분! 이번 주에 이 테마 컴포넌트에 추가하신 커스텀 스타일에 영향을 줄 수 있는 변경 사항을 병합할 예정입니다.
이 검색 배너가 여러 페이지에 표시될 수 있으므로, 헤드라인에 H1을 사용하는 것은 이상적입니다. H1은 한 페이지의 내용을 다른 페이지와 구별하는 데 도움이 되어야 합니다. 따라서 이번 변경 사항은 H1을 custom-search-banner-headline 클래스가 적용된 DIV로 대체합니다.
따라서 테마에서 H1에 스타일을 적용했다면, H1을 .custom-search-banner-headline으로 변경해야 합니다. 일부 테마에서는 H1과 함께 클래스를 추가하여 전환을 원활하게 하도록 했습니다. 예를 들어:
5개의 좋아요
최신 버전에서 버그가 있는 것 같습니다.
실행 중인 Discourse 버전: 3.5.0.beta8-dev (679d51a985)
현재 발생하고 있는 문제는 다음과 같습니다. 새 주제가 열릴 때(Windows 10의 Chrome 브라우저) 상단 줄에는 검색창이 있어야 하지만 이것이 없습니다. 테마 구성 요소를 비활성화하면 기본 Discourse 검색창이 표시되지만, 구성 요소를 활성화하면 상단 검색창은 물론 오른쪽 위 검색 아이콘도 사라집니다. 한 줄만 내려가면 오른쪽 위에 검색 버튼은 나타나지만, 주제 상단 줄에는 검색창이 절대 표시되지 않습니다.
Showon은 top_menu, 플러그인 아웃렛은 above_main_container로 설정되어 있습니다. 이전에는 주제에서도 상단 줄에 검색창이 표시되던 것으로 기억합니다.
문제는 사용자가 스크롤하기 전에는 검색창과 검색 아이콘이 모두 없어 검색할 방법이 없다는 점입니다. 테마를 비활성화하면 기본 검색창과 아이콘이 정상적으로 표시됩니다. 즉, 페이지가 로드되면 검색창이 표시되고, 사용자가 한 줄 내려가면 검색창은 사라지고 대신 검색 아이콘이 나타납니다.
1개의 좋아요