이 문제가 정확히 무엇 때문에 발생하는지는 확실하지 않지만, Themeable site settings are now available 와 관련이 있을 가능성이 높아 보입니다.
어떤 테마를 사용 중이신가요? 이 테마의 설정은 어떻게 구성되어 있나요?
search field in site header가 설정되어 있고 이 컴포넌트가 설치되어 있다면, 검색 기능이 배너에만 표시되고 헤더에는 전혀 표시되지 않는 상태가 되는 것 같습니다. 말씀하신 내용과 일치하나요?
RBoy
(RBoy)
7월 17, 2025, 9:56오후
181
기본 테마를 사용하며, 설정은 다음과 같습니다.
1개의 좋아요
RBoy
(RBoy)
7월 26, 2025, 5:23오후
182
근본 원인이 무엇인지, 그리고 컴포넌트 수정이 필요한지 discourse 수정이 필요한지 알 수 있을까요?
tknospdr
(David Muszynski)
8월 4, 2025, 2:16오후
183
사이트 중 하나를 업데이트했는데 이 테마 컴포넌트가… 눌려 버렸네요.
불행히도 업데이트 전 홈페이지의 모습에 대한 스크린샷은 없지만, 현재 모습을 담은 스크린샷을 올릴게요. 기본적으로 눌려서 예전보다 높이가 낮아진 상태입니다.
그리고 여기는 원래의 배너입니다. 검색창은 이제 사라진 그 빈 공간에 있었거든요.
1개의 좋아요
tknospdr
(David Muszynski)
8월 4, 2025, 5:09오후
184
검색 배너 자체의 문제는 아닌 것 같습니다.
Discourse 업데이트 시 테마 컴포넌트를 업데이트하도록 설정된 체크박스를 해제한 후, 다른 프로덕션 사이트를 업데이트했는데, 그 사이트에서도 배너가 축소되었습니다.
원래 배너 크기로 되돌리는 방법은 무엇인가요? 이렇게 작아진 배너는 보기 안 좋습니다.
tknospdr
(David Muszynski)
8월 4, 2025, 5:25오후
185
2번 사이트에서 업데이트 전 스크린샷을 찾았습니다.
과거 모습:
현재 모습:
관리자 알림은 관련 없는 코드 조각에 대한 것이며, 제 다른 사이트에는 존재하지 않습니다.
eisammy
(Sammy)
8월 4, 2025, 7:06오후
186
저도 마찬가지인데, 무슨 이유인지 모르겠지만 배너가 깨져 있어요
이 임시 해결책을 시도해 보세요 => 데스크톱 => 공통
.search-banner {
background-image: url(https://segredin.com/uploads/default/original/1X/3f044a906d2c358806610fc756e09991d25323ed.webp);
background-size: cover;
background-repeat: no-repeat;
border-radius: 15px;
margin-bottom: 10px !important;
height: 17em;
padding-top: 50px
}
@edit
tknospdr
(David Muszynski)
8월 4, 2025, 7:27오후
187
감사합니다. 배너 크기는 수정되었는데, 내용이 중앙에 정렬되지 않고 상단에 위치해 있습니다.
1개의 좋아요
tknospdr
(David Muszynski)
8월 4, 2025, 7:44오후
188
padding-top: 50px로 수정했습니다
1개의 좋아요
tknospdr
(David Muszynski)
8월 4, 2025, 8:30오후
189
물론 이 문제는 모바일에서 여전히 100% 깨져 있습니다.
1개의 좋아요
eisammy
(Sammy)
8월 4, 2025, 9:32오후
190
당신의 사이트는 어떤가요? 모바일에서는 이 검색 배너가 그냥 사라지는데, 아마 클래스가 바뀌었나 봐요. 모르겠네요.
변수 이름이 변경되어 패딩이 깨진 것 같습니다. 방금 수정을 추가했습니다: FIX: restore padding broken due to missing variable - Pull Request #100 - discourse/discourse-search-banner - GitHub
따라서 컴포넌트를 업데이트하면 이전 간격을 복원할 수 있어야 합니다.
네, 디스코urs에는 기본적으로 더 단순한 버전의 배너가 포함되어 있으며, 모바일에서 이를 숨기는 CSS가 있습니다… 커스텀 CSS를 사용하여 복원할 수 있습니다.
@use "lib/viewport";
@include viewport.until(sm) {
.welcome-banner {
display: block;
}
}
5개의 좋아요
tknospdr
(David Muszynski)
8월 5, 2025, 3:04오후
192
완벽합니다! 이 컴포넌트를 복원해 주셔서 정말 감사합니다!
bartv
(Bart )
8월 13, 2025, 7:02오전
193
이 컴포넌트가 사용 데이터를 추적하나요? 우리 커뮤니티에서 실제로 얼마나 효과적인지 확인해 보고 싶습니다.
@bartv 아니요, 저는 그렇게 생각하지 않아요.
RBoy
(RBoy)
8월 24, 2025, 2:59오전
195
문제가 해결되지 않은 것 같습니다. 상단 사이트 헤더 섹션의 검색창이 아예 표시되지 않습니다. 방금 최신 버전인 3.6.0 Beta1-Dev로 업데이트했지만 문제가 여전히 존재합니다. 상단 사이트 헤더에 검색창을 되돌려오는 유일한 방법은 이 구성 요소를 비활성화하고 Discourse Header Search 구성 요소를 활성화하거나 테마에서 '사이트 헤더 검색창’을 활성화하는 것입니다. 하지만 이 구성 요소를 활성화하는 순간 헤더의 모든 검색창이 사라집니다.
이것이 더 이상 작동하지 않는 이유가 무엇인지 알 수 있을까요? 이 구성 요소는 제가 사용했던 가장 좋은 구성 요소 중 하나였는데, 그 기능을 정말 그리워합니다.
RBoy
(RBoy)
8월 24, 2025, 10:15오후
196
Discourse:
이 테마 구성 요소에 대한 지원을 곧 종료할 예정이며, 대신 welcome banner 기능을 사용하시기를 권장합니다.
이 답변으로 제 질문에 대한 답이 된 것 같습니다. 최신 업데이트 이후 Welcome banner를 활성화해 보니, 이 구성 요소의 기능뿐 아니라 Discourse 헤더 검색 기능도 대체하는 것 같습니다.
Welcome banner에는 아직 이 구성 요소에 있는 몇 가지 좋은 커스터마이징 기능이 빠져 있습니다. 예를 들어, 서브헤드 텍스트를 추가할 수 있는 기능은 매우 유용한데, 사용자가 빈 박스처럼 그냥 놓여 있는 대신 검색 바를 사용하도록 유도할 수 있기 때문입니다. hopefully 이 기능이 Welcome banner에도 추가되길 바랍니다.
반대로, discourse의 CSS 커스터마이징 기능을 사용하여 검색 배너의 서브헤딩 텍스트를 편집할 수 있는 방법이 있을까요?
RBoy:
검색 배너의 부제목 텍스트를 수정합니다
고급 검색 배너(Advanced Search Banner) 컴포넌트를 말씀하시는 건가요? 그렇다면 이 설정이 해당 작업을 수행한다고 생각합니다:
Discourse:
search_banner.subhead
RBoy
(RBoy)
8월 25, 2025, 12:30오전
198
아니요, 검색창 안에 있는 _Search_라는 텍스트를 말씀하시는 거예요
1개의 좋아요
manuel
(Manuel Kostka)
8월 25, 2025, 10:53오전
200
/admin/customize/site_texts에서 js.search.title 텍스트 변수를 변경할 수 있습니다.
하지만 Creating a banner to display at the top of your site - #23 by RBoy 언급하셨듯이, 더 구체적인 변수는 js.welcome_banner.search여야 하는데, 현재는 작동하지 않는 것 같습니다.
2개의 좋아요