لافتة البحث المتقدم

[Discourse]

This theme component is deprecated and should no longer be used. Its features are now in Discourse Core — see our documentation for details on setting up a welcome banner:

→ https://meta.discourse.org/t/creating-a-banner-to-display-at-the-top-of-your-site/153718#p-762961-welcome-banner-1

	الملخص	يضع شريط البحث المتقدم شريط بحث مع نص عنوان ونص فرعي اختياري في شريط أعلى قائمة التنقل الرئيسية للمواضيع.
	المعاينة	المعاينة على منشئ سمات Discourse
	رابط المستودع	https://github.com/discourse/discourse-search-banner
	جديد على سمات Discourse؟	دليل المبتدئين لاستخدام سمات Discourse

Install this theme component

نظرًا لأن هذا مكون سمة official تتم صيانته بواسطة فريق Discourse، يمكن تقديم طلبات Support أو Bug أو UX أو Feature requests في الفئات المعنية هنا على Meta، ووضع علامة عليها بعلامة مكون السمة المناسبة. انقر على رابط أدناه لبدء واحد.

الدعم خطأ تجربة المستخدم (UX) ميزة

الميزات

بشكل افتراضي، يظهر هذا الشريط في جميع صفحات المواضيع الرئيسية (الأحدث/الجديد/غير المقروء/الأعلى/الفئات… أي شيء في إعداد الموقع top menu) ولكن يمكن أيضًا تعيينه ليظهر فقط في الصفحة الرئيسية للمجتمع.

الإعدادات

الاسم	الوصف
show on	يحدد الصفحات التي يظهر فيها الشريط
plugin outlet	المكان الذي سيظهر فيه الشريط على الصفحة
background image light	صورة الخلفية للشريط في لوحات الألوان الفاتحة
background image dark	صورة الخلفية للشريط في لوحات الألوان الداكنة
tile background image	تكرار صورة الخلفية
show for	من يمكنه رؤية شريط البحث (مسجل الدخول، غير مسجل الدخول، أو كلاهما)
special style	اختلافات اختيارية تغير مظهر شريط البحث

الترجمة	الافتراضي
search_banner.headline	Welcome to our community
search_banner.subhead	We’re happy to have you here. If you need help, please search before you post.
search_banner.search_button_text

لإخفاء أحدها من العرض، اترك الحقل فارغًا.

التصميم المخصص

يتم منح العنصر HTML فئة تسمى .display-search-banner في كل مكان يظهر فيه هذا الشريط، ويتم تغليف الشريط نفسه بالفئة .custom-search-banner، لذلك باستخدام بعض CSS يجب أن تكون قادرًا على تخصيص مظهر هذا الشريط بالطريقة التي تراها مناسبة.

التحسينات المستقبلية

• إضافة خيار لتمكين الشريط في فئات محددة

الاعتمادات

يستعير هذا بشكل كبير من @angus’ https://meta.discourse.org/t/header-search-theme/67959

مستضاف من قبلنا؟ مكونات السمة متاحة للاستخدام في خططنا القياسية (Standard) والأعمال (Business) والمؤسسات (Enterprise).

[awesomerobot (Kris)]

I’ve updated the theme component to add some new settings:

show on — this determines where the banner appears and has the options

• top_menu (latest/categories/top/new/unread)
• homepage
• all (all pages except the default search page and admin pages)

show for — this determines who sees the banner

• everyone
• logged_in
• logged_out

[awesomerobot (Kris)]

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

يمكن تمكين هذا عن طريق إعداد جديد “نمط خاص”. كل ما يفعله هذا هو تمكين بعض CSS الإضافية.

قد أضيف بعض الخيارات الأخرى هنا في المستقبل أيضًا!

[AndyBr (Andy)]

كيف يمكنني تغيير لون نص الترحيب في هذه الإضافة؟

[Arkshine]

لا يوجد إعداد لذلك. ومع ذلك، يمكنك إضافته باستخدام بعض CSS:

أضف ما يلي إلى السمة الخاصة بك أو إلى مكون سمة جديد، وقم بالتغيير حسب رغبتك.

.search-banner > .custom-search-banner {
    /* title */
    h1 {
        color: #286989;
    }

    /* description */
    p {
        color: #286989
    }
}

[AndyBr (Andy)]

شكراً جزيلاً!

[RBoy]

هل هناك طريقة لإخفاء أيقونة البحث (باستخدام CSS أو غير ذلك)؟ أواجه مشكلة حيث تتكرر أيقونة البحث عند استخدامها مع هذا المكون: Advanced Header Search - #56 by RBoy

[isaac (Isaac Janzen)]

.search-input .search-icon:first-child {
  display: none;
}

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

أوصي باستخدام أحدهما أو الآخر فقط.

[RBoy]

شكرًا! مفيد جدًا

@isaac

أود أن أقول مع ذلك، فإن استخدام لافتة البحث والبحث في الرأس معًا له بعض الآثار الجانبية السيئة لتجربة المستخدم.

هل يمكنك توضيح ما هي الآثار الجانبية لتجربة المستخدم؟

[isaac (Isaac Janzen)]

يُظهر الفيديو الذي أشرت إليه أعلاه بعض المشكلات

• قوائم البحث المنسدلة المتداخلة
• حالات فتح وإغلاق غريبة لقوائم البحث المنسدلة
• أيقونة البحث هي رابط للبحث المتقدم في مربع إدخال بحث واحد وليست في الآخر
• إلخ

[RBoy]

حسناً. طالما أنهما ليسا معاً في نفس الصفحة، فلا ينبغي أن تكون هناك مشكلة.

[مباركمبارك (مبارك)]

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

[awesomerobot (Kris)]

هل يمكنك تضمين لقطة شاشة؟ سيؤدي ذلك إلى تسهيل فهم المشكلة بشكل كبير

[ecki (Bernd)]

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

[مباركمبارك (مبارك)]

تمكنت من حل جزء منه، قمت بتعطيل مكون السمة في السمات الأخرى وتركته واحدًا فقط، ومن المدهش أنه يبدو أن الصورة كانت “طبيعية” بحجم الخط “طبيعي” فقط بسبب الهاتف الخلوي الذي يظهر فيه جانب واحد فقط من الصورة، هل هناك أي شيء يمكنني فعله لجعله يظهر بالكامل على هاتفي الخلوي أيضًا؟

[Surbhi_Pal1 (Surbhi)]

مرحباً،

هل هناك طريقة لإزالة المسافة بين شريط البحث والرأس؟

[Arkshine]

مرحباً، يمكنك استخدام CSS هذا في مكون سمة جديد:

.custom-search-banner-wrap {
    margin-top: 0;
}

[Surbhi_Pal1 (Surbhi)]

عمل بشكل مثالي، شكرا!

[PT_LB (Paul)]

يبدو أن Discourse لديه نفس المشكلة التي أواجهها في مجتمعي، يستغرق التراكب بعض الوقت لتغطية أي شيء تحت طبقة البحث (Discover):

وهو أكثر وضوحًا في مجتمعي:

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