أفترض أن هذه هي ترويسة مخصصة داخل Discourse وأنك لا تتطلع إلى الحصول على بحث Discourse على موقع آخر، هل هذا صحيح؟
لدي مثال بسيط لمكون سمة يقوم بنقل البحث إلى منفذ المكون الإضافي above-site-header: GitHub - awesomerobot/example-widget-reopen at search-header-example… هذا يعتمد على عمل سابق في مكونات موجودة مثل Advanced Search Banner و Advanced Header Search
المثال غير مصمم في الغالب، ولكنه يوفر لك زر وقائمة بحث وظيفيين.
لاحظ أن هذا يتجاوز وظيفة البحث الافتراضية لـ Discourse ويعيد تغليفها بطريقة ستعمل في منفذ المكون الإضافي، لذلك سترغب في إخفاء أيقونة البحث الافتراضية لـ Discourse لأنها لن تعمل بشكل صحيح بعد الآن. قد يتطلب هذا أيضًا صيانة من وقت لآخر إذا قمنا بتحديث وظيفة البحث الخاصة بنا.
يقوم هذا بتعديل عنصر واجهة المستخدم search-menu الخاص بنا في ملف init-header-search.js، ويضيفه إلى مكون في search-header.hbs ثم يضيف هذا المكون إلى منفذ المكون الإضافي في custom-header-connector.hbs. يمكنك إضافة محتوى ترويسة إضافي إلى أي من ملفات hbs هذه، أو تغيير منفذ المكون الإضافي الذي تتم إضافة المكون إليه عن طريق تغيير الدليل /above-site-header.