بانر البحث المتقدم

لست متأكدًا تمامًا مما يسبب هذا، ولكن يبدو أنه مرتبط على الأرجح بـ Themeable site settings are now available

ما هو السمة التي تستخدمها؟ كيف تم تكوين هذه الإعدادات للسمة؟

أعتقد أنه إذا كان لديك search field in site header (حقل البحث في رأس الموقع) معينًا وتم تثبيت هذا المكون، فستصل إلى الحالة التي تصفها حيث يكون البحث فقط في اللافتة ولا يظهر في الرأس على الإطلاق… هل هذا يبدو دقيقًا؟

باستخدام السمة الافتراضية وهذه هي الإعدادات.

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

هل لديك أي فكرة عن السبب الجذري وما إذا كان يحتاج إلى إصلاح للمكون أو إصلاح للنقاش؟

لقد قمت بتحديث أحد مواقعي وأصبح مكون السمة هذا… مضغوطًا.

للأسف، ليس لدي لقطة شاشة لما بدا عليه المنزل قبل التحديث، لكنني سأنشر لقطة شاشة لما يبدو عليه الآن. لقد تم سحقه أساسًا بحيث لم يعد طويلًا كما كان.

وهنا اللافتة الأصلية، كان شريط البحث موجودًا في المساحة المفتوحة التي أصبحت مفقودة الآن.

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

يبدو أن المشكلة ليست في لافتة البحث بحد ذاتها.

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

كيف أستعيد الحجم الأصلي للافتة؟ هذه الأحجام الأصغر قبيحة.

تم العثور على لقطة شاشة لما قبل التحديث على موقعي الثاني.

كيف كان يبدو سابقًا:

والآن:

إشعار المسؤول يتعلق بجزء غير ذي صلة من التعليمات البرمجية ولا يوجد على موقعي الآخر.

نفس الشيء هنا، لسبب ما لافتتي معطلة

جرب هذا الإصلاح المؤقت => سطح المكتب => شائع

.search-banner {
    background-image: url(https://segredin.com/uploads/default/original/1X/3f044a906d2c358806610fc756e09991d25323ed.webp);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 15px;
    margin-bottom: 10px !important;
    height: 17em;
    padding-top: 50px
}

@edit

شكرًا، هذا يصلح حجم اللافتة، لكن المحتويات في الأعلى بدلاً من أن تكون في المنتصف.

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

تم الإصلاح باستخدام padding-top: 50px

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

بالتأكيد هذا لا يزال معطلاً بنسبة 100% على الهاتف المحمول.

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

ما هو موقعك؟ على الهاتف المحمول، تختفي لافتة البحث هذه ببساطة، ربما تغيرت بعض الفئات، لا أعرف.

يبدو أن اسم متغير قد تغير وهذا أفسد التباعد، لقد أضفت للتو إصلاحًا FIX: restore padding broken due to missing variable by awesomerobot · Pull Request #100 · discourse/discourse-search-banner · GitHub

لذلك يجب أن تكون قادرًا على استعادة التباعد السابق عن طريق تحديث المكون.

نعم، هناك نسخة أبسط من اللافتة مضمنة في Discourse بشكل افتراضي الآن، وهناك بعض CSS لإخفائها على الهاتف المحمول… يمكن استعادتها ببعض CSS المخصصة

@use "lib/viewport";

@include viewport.until(sm) {
  .welcome-banner {
    display: block;
  }
}
5 إعجابات

ممتاز، شكراً جزيلاً على استعادة هذه المكونات!

هل يتتبع هذا المكون بيانات الاستخدام؟ نود أن نرى مدى فعاليته بالفعل لمجتمعنا.

@bartv لا، لا أعتقد ذلك.

يبدو أنه لم يحل المشكلة. شريط البحث في قسم رأس الموقع العلوي لا يظهر ببساطة. لقد قمت للتو بالتحديث إلى أحدث إصدار 3.6.0 Beta1-Dev ولا تزال المشكلة قائمة. الطريقة الوحيدة التي يمكنني من خلالها استعادة شريط البحث في رأس الموقع العلوي هي تعطيل هذا المكون وتمكين مكون البحث في رأس Discourse.

أي فكرة لماذا توقف هذا عن العمل؟ كان هذا أحد أجمل المكونات التي استخدمتها، وأنا أفتقد ميزاته حقًا.

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

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

على الجانب الآخر، هل هناك طريقة لاستخدام ميزة تخصيص CSS في Discourse لتعديل نص العنوان الفرعي في شعار البحث؟

هل تقصد مكون لافتة البحث المتقدم هذا؟ إذا كان الأمر كذلك، أعتقد أن هذا الإعداد يقوم بذلك:

لا، أنا أشير إلى النص الموجود داخل مربع البحث الذي يقول بحث

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

يمكنك تغيير المتغير النصي js.search.title في /admin/customize/site_texts.

ولكن كما ذكرت في Creating a banner to display at the top of your site - #23 by RBoy يجب أن يكون المتغير الأكثر تحديدًا هو js.welcome_banner.search - ولكنه لا يبدو أنه يعمل في الوقت الحالي.

إعجابَين (2)