こんにちは！カスタムヘッダーにデフォルトの検索機能を挿入したいのですが、ここにあります。
オートコンプリート機能付きで、ほぼ同じようにしたいです。どうすればできますか？
この検索機能です。
「いいね！」 2
これはDiscourseのカスタムヘッダーであり、他のサイトでDiscourseの検索機能を利用したいということではない、ということでよろしいでしょうか？
検索機能をabove-site-headerプラグインのアウトレットに移動させるテーマコンポーネントの最小限の例があります: GitHub - awesomerobot/example-widget-reopen at search-header-example… これは、Advanced Search Banner や Advanced Header Search のような既存のコンポーネントでの過去の作業に基づいています。
この例はほとんどスタイルが適用されていませんが、機能的な検索ボタンとメニューを提供します。
これは既存のヘッダー検索機能をオーバーライドし、プラグインアウトレットで機能するように再パッケージ化しているため、Discourseのデフォルトの検索アイコンは非表示にする必要があります。これは正しく機能しなくなります。また、検索機能が更新された場合、時々メンテナンスが必要になる可能性があります。
これは、init-header-search.js ファイルの search-menu ウィジェットを調整し、search-header.hbs のコンポーネントに追加し、次に custom-header-connector.hbs のプラグインアウトレットにそのコンポーネントを追加します。追加のヘッダーコンテンツは、いずれかの hbs ファイルに追加するか、/above-site-header ディレクトリを変更してコンポーネントが追加されるプラグインアウトレットを変更することで追加できます。
「いいね！」 4
それは素晴らしい例です。どうもありがとうございます。検索をデフォルトで非表示にし、検索アイコンをクリックしたときに開くようにするにはどうすればよいですか？