كيفية إنشاء شريط بحث مخصص؟

لقد حاولت بناء شريط بحث مخصص مشابه لإضافة discourse-search-banner. لا أريد استخدام هذه الإضافة لأنها تتعارض مع مظهر سمي.

كيف يمكنني محاكاة هذه الوظيفة في عنصر <input type="text" /> من اختياري؟

لقد راجعت الكود المصدري للإضافة وحاولت تكييفه لاستخدام عنصر HTML الخاص بي فقط، لكنني لم أستطع معرفة كيفية ذلك. أي نصائح ستكون موضع تقدير!

إعجابَين (2)

هل يمكنك ربط هذه الإضافة هنا؟ لا أستطيع العثور عليها. ربما يمكنك أيضًا وسم منشئ الإضافة، فقد تكون لديه بعض الأفكار.

إعجابَين (2)

هل تتحدث عن مكون #theme-component هذا؟

إعجابَين (2)

بالضبط! عذرًا، ذنبي لكوني لم أقم بربطه، سأقوم بالتعديل

إعجاب واحد (1)

لا تقلق، لكن هذا مكون موضوع وليس إضافة، لذا فهو يغير بعض الأمور. خاصةً لأن مكونات الموضوع تعمل مع المنطق من جانب العميل، بينما الإضافات تعمل مع المنطق من جانب الخادم. أم أنك تبحث عن إنشاء إضافة بناءً على مكون الموضوع هذا؟

إعجابَين (2)

آسف على التأخير في الرد.

لا يهمني حقًا ما إذا كان الأمر سينتهي كإضافة أو كمكون سمة، طالما أنني أحقق الوظيفة المطلوبة. ببساطة، ما أحتاجه هو محاكاة سلوك البحث الافتراضي (الأيقونة في الشريط العلوي) في حقل إدخال نصي من اختيارك.

كيف يمكنني القيام بذلك؟

يمكن حل العديد من المشكلات باستخدام CSS.

ما الذي يمنعك ببساطة من فحص وتعديل CSS؟ سيكون هذا بالتأكيد الحل الأسرع.

في أسوأ الحالات، انسخ نسخة من TC وعدّل CSS الخاص بك؟

إعجاب واحد (1)

المشكلة ليست في CSS حقًا، بل في الموقع وكيفية تكامله مع هيكل HTML الخاص بي. إذا تمكّنت من معرفة كيفية تعديل مكان حقن المكوّن، فقد أجد حلاً. هل يمكنك إرشادي إلى الاتجاه الصحيح؟

مع تفعيل مكون السمة في موقعك، افحص الكود باستخدام متصفحك وانظر إلى مكان وضعه. قم بالتعديل في متصفحك لإيجاد مكان أكثر ملاءمة، ثم استخدم ذلك لتحديث/تعديل نسخة مشتقة من TC. يجب أن يعمل ذلك.

يوجد أيضًا حل جاهز للرأس:

إذا لم يناسب أي من الحلين ولم تكن تعديلات CSS كافية، فستضطر إلى التعمق في كود الودجات :).

إعجاب واحد (1)

تم تقسيم منشور إلى موضوع جديد: أين يمكنني العثور على شريط البحث في إعداداتنا؟