이것이 Discourse의 커스텀 헤더이며, 다른 사이트에 Discourse 검색 기능을 가져오려는 것이 아니라는 것을 가정하고 있습니다. 맞습니까?
above-site-header 플러그인 아웃렛으로 검색을 재배치하는 테마 컴포넌트의 최소 예제를 만들었습니다: GitHub - awesomerobot/example-widget-reopen at search-header-example · GitHub … 이는 기존 컴포넌트(예: Advanced Search Banner 및 Advanced Header Search)의 이전 작업을 기반으로 합니다.
이 예제는 대부분 스타일이 적용되지 않았지만, 기능적인 검색 버튼과 메뉴를 제공합니다.
이것은 기존 헤더 검색 기능을 오버라이드하여 플러그인 아웃렛에서 작동하도록 다시 패키징하므로, 더 이상 올바르게 작동하지 않을 Discourse의 기본 검색 아이콘을 숨겨야 합니다. 또한 검색 기능이 업데이트될 때 가끔 유지 보수가 필요할 수 있습니다.
이것은 init-header-search.js 파일에서 검색 메뉴 위젯을 조정하고, search-header.hbs의 컴포넌트에 추가한 다음, custom-header-connector.hbs에서 해당 컴포넌트를 플러그인 아웃렛에 추가합니다. 이 두 hbs 파일 중 어느 하나에 추가 헤더 콘텐츠를 추가하거나, /above-site-header 디렉토리를 변경하여 컴포넌트가 추가되는 플러그인 아웃렛을 변경할 수 있습니다.