Advanced Search Banner

이 문제가 정확히 무엇 때문에 발생하는지는 확실하지 않지만, Themeable site settings are now available 와 관련이 있을 가능성이 높아 보입니다.

어떤 테마를 사용 중이신가요? 이 테마의 설정은 어떻게 구성되어 있나요?

search field in site header가 설정되어 있고 이 컴포넌트가 설치되어 있다면, 검색 기능이 배너에만 표시되고 헤더에는 전혀 표시되지 않는 상태가 되는 것 같습니다. 말씀하신 내용과 일치하나요?

기본 테마를 사용하며, 설정은 다음과 같습니다.

1개의 좋아요

근본 원인이 무엇인지, 그리고 컴포넌트 수정이 필요한지 discourse 수정이 필요한지 알 수 있을까요?

사이트 중 하나를 업데이트했는데 이 테마 컴포넌트가… 눌려 버렸네요.

불행히도 업데이트 전 홈페이지의 모습에 대한 스크린샷은 없지만, 현재 모습을 담은 스크린샷을 올릴게요. 기본적으로 눌려서 예전보다 높이가 낮아진 상태입니다.

그리고 여기는 원래의 배너입니다. 검색창은 이제 사라진 그 빈 공간에 있었거든요.

1개의 좋아요

검색 배너 자체의 문제는 아닌 것 같습니다.

Discourse 업데이트 시 테마 컴포넌트를 업데이트하도록 설정된 체크박스를 해제한 후, 다른 프로덕션 사이트를 업데이트했는데, 그 사이트에서도 배너가 축소되었습니다.

원래 배너 크기로 되돌리는 방법은 무엇인가요? 이렇게 작아진 배너는 보기 안 좋습니다.

2번 사이트에서 업데이트 전 스크린샷을 찾았습니다.

과거 모습:

현재 모습:

관리자 알림은 관련 없는 코드 조각에 대한 것이며, 제 다른 사이트에는 존재하지 않습니다.

저도 마찬가지인데, 무슨 이유인지 모르겠지만 배너가 깨져 있어요

이 임시 해결책을 시도해 보세요 => 데스크톱 => 공통

.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

감사합니다. 배너 크기는 수정되었는데, 내용이 중앙에 정렬되지 않고 상단에 위치해 있습니다.

1개의 좋아요

padding-top: 50px로 수정했습니다

1개의 좋아요

물론 이 문제는 모바일에서 여전히 100% 깨져 있습니다.

1개의 좋아요

당신의 사이트는 어떤가요? 모바일에서는 이 검색 배너가 그냥 사라지는데, 아마 클래스가 바뀌었나 봐요. 모르겠네요.

변수 이름이 변경되어 패딩이 깨진 것 같습니다. 방금 수정을 추가했습니다: 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개의 좋아요

완벽합니다! 이 컴포넌트를 복원해 주셔서 정말 감사합니다!

이 컴포넌트가 사용 데이터를 추적하나요? 우리 커뮤니티에서 실제로 얼마나 효과적인지 확인해 보고 싶습니다.

@bartv 아니요, 저는 그렇게 생각하지 않아요.

문제가 해결되지 않은 것 같습니다. 상단 사이트 헤더 섹션의 검색창이 아예 표시되지 않습니다. 방금 최신 버전인 3.6.0 Beta1-Dev로 업데이트했지만 문제가 여전히 존재합니다. 상단 사이트 헤더에 검색창을 되돌려오는 유일한 방법은 이 구성 요소를 비활성화하고 Discourse Header Search 구성 요소를 활성화하거나 테마에서 '사이트 헤더 검색창’을 활성화하는 것입니다. 하지만 이 구성 요소를 활성화하는 순간 헤더의 모든 검색창이 사라집니다.

이것이 더 이상 작동하지 않는 이유가 무엇인지 알 수 있을까요? 이 구성 요소는 제가 사용했던 가장 좋은 구성 요소 중 하나였는데, 그 기능을 정말 그리워합니다.

이 답변으로 제 질문에 대한 답이 된 것 같습니다. 최신 업데이트 이후 Welcome banner를 활성화해 보니, 이 구성 요소의 기능뿐 아니라 Discourse 헤더 검색 기능도 대체하는 것 같습니다.

Welcome banner에는 아직 이 구성 요소에 있는 몇 가지 좋은 커스터마이징 기능이 빠져 있습니다. 예를 들어, 서브헤드 텍스트를 추가할 수 있는 기능은 매우 유용한데, 사용자가 빈 박스처럼 그냥 놓여 있는 대신 검색 바를 사용하도록 유도할 수 있기 때문입니다. hopefully 이 기능이 Welcome banner에도 추가되길 바랍니다.

반대로, discourse의 CSS 커스터마이징 기능을 사용하여 검색 배너의 서브헤딩 텍스트를 편집할 수 있는 방법이 있을까요?

고급 검색 배너(Advanced Search Banner) 컴포넌트를 말씀하시는 건가요? 그렇다면 이 설정이 해당 작업을 수행한다고 생각합니다:

아니요, 검색창 안에 있는 _Search_라는 텍스트를 말씀하시는 거예요

1개의 좋아요

/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개의 좋아요