Erweiterte Suchbanner

Bin mir nicht ganz sicher, was das verursacht, aber es scheint wahrscheinlich mit Themeable site settings are now available zusammenzuhängen

Welches Theme verwendest du? Wie sind diese Einstellungen für das Theme konfiguriert?

Ich glaube, wenn du Suchfeld in der Website-Kopfzeile aktiviert hast und diese Komponente installiert ist, gerätst du in den von dir beschriebenen Zustand, in dem die Suche nur im Banner vorhanden ist und überhaupt nicht in der Kopfzeile erscheint… klingt das richtig?

Verwendung des Standardthemas und dies sind die Einstellungen.

1 „Gefällt mir“

Haben Sie eine Idee zur Ursachenforschung und ob eine Komponentenerweiterung oder eine Diskurskorrektur erforderlich ist?

Ich habe eine meiner Websites aktualisiert und diese Theme-Komponente wurde… gequetscht.

Leider habe ich keinen Screenshot davon, wie die Homepage vor dem Update aussah, aber ich poste einen Screenshot davon, wie sie jetzt aussieht. Sie wurde im Grunde zerdrückt, sodass sie nicht mehr so hoch ist wie früher.

Und hier ist das ursprüngliche Banner, die Suchleiste befand sich früher im offenen Bereich, der jetzt fehlt.

1 „Gefällt mir“

Es scheint kein Problem mit dem Suchbanner an sich zu sein.

Ich habe darauf geachtet, das Feld zum Aktualisieren der Theme-Komponente mit Discourse-Updates zu deaktivieren, dann habe ich meine andere Produktionsseite aktualisiert, und diese hat das Banner ebenfalls verkleinert.

Wie bekomme ich die ursprüngliche Bannergröße zurück? Diese kleineren sind hässlich.

Screenshot vor dem Update auf meiner 2. Website gefunden.

So sah es früher aus:

Und jetzt:

Die Admin-Benachrichtigung bezieht sich auf einen nicht verwandten Code und existiert auf meiner anderen Website nicht.

Bei mir auch, aus irgendeinem Grund ist mein Banner kaputt

Versuchen Sie diese temporäre Lösung => Desktop => Allgemein

.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

Danke, das behebt die Größe des Banners, aber der Inhalt ist oben statt zentriert.

1 „Gefällt mir“

Mit padding-top: 50px behoben

1 „Gefällt mir“

Natürlich ist das auf dem Handy immer noch zu 100 % kaputt.

1 „Gefällt mir“

Was ist Ihre Website? Auf Mobilgeräten verschwindet dieses Suchbanner einfach, vielleicht hat sich eine Klasse geändert, keine Ahnung.

Es sieht so aus, als ob der Name einer Variablen geändert wurde und das den Abstand beeinträchtigt hat. Ich habe gerade eine Korrektur vorgenommen: FIX: restore padding broken due to missing variable by awesomerobot · Pull Request #100 · discourse/discourse-search-banner · GitHub

Sie sollten den vorherigen Abstand wiederherstellen können, indem Sie die Komponente aktualisieren.

Ja, es gibt jetzt eine einfachere Version des Banners, die standardmäßig in Discourse enthalten ist, und es gibt etwas CSS, um es auf Mobilgeräten auszublenden… es kann mit etwas benutzerdefiniertem CSS wiederhergestellt werden.

@use "lib/viewport";

@include viewport.until(sm) {
  .welcome-banner {
    display: block;
  }
}
5 „Gefällt mir“

Perfekt, vielen Dank für die Wiederherstellung dieser Komponente!

Erfasst diese Komponente Nutzungsdaten? Wir möchten sehen, wie effektiv sie tatsächlich für unsere Community ist.

@bartv Nein, ich glaube nicht.

Es scheint das Problem nicht behoben zu haben. Die Suchleiste im oberen Website-Header wird einfach nicht angezeigt. Ich habe gerade auf die neueste Version 3.6.0 Beta1-Dev aktualisiert und das Problem besteht weiterhin. Der einzige Weg, wie ich die Suchleiste im oberen Website-Header zurückbekomme, ist, diese Komponente zu deaktivieren und die Discourse Header Search-Komponente zu aktivieren.

Haben Sie eine Idee, warum das nicht mehr funktioniert? Dies war eine der schönsten Komponenten, die ich verwendet habe. Ich vermisse ihre Funktionen wirklich.

Ich schätze, das beantwortet meine Frage. Nach dem letzten Update des Welcome Banners habe ich diesen einfach aktiviert und er scheint die Funktionalität dieser Komponente sowie die Discourse Header Search zu ersetzen.

Dem Welcome Banner fehlen immer noch einige nette Anpassungsmöglichkeiten, die diese Komponente bietet, wie z. B. die Möglichkeit, einen Untertitel hinzuzufügen (extrem hilfreich, da er Benutzer dazu anregen kann, die Suchleiste zu benutzen, anstatt nur wie eine leere Box dazuliegen). Hoffentlich wird dies in den Welcome Banner übernommen.

Auf der anderen Seite, gibt es eine Möglichkeit, die CSS-Anpassungsfunktion in Discourse zu verwenden, um den Untertitel im Suchbanner zu bearbeiten?

Beziehen Sie sich auf diese Komponente für erweiterte Suchbanner? Wenn ja, glaube ich, dass diese Einstellung dies bewirkt:

Nein, ich beziehe mich auf den Text in der Suchleiste, auf dem Suchen steht

1 „Gefällt mir“

Sie können die Textvariable js.search.title unter /admin/customize/site_texts ändern.

Aber wie Sie in Creating a banner to display at the top of your site - #23 by RBoy erwähnt haben, sollte die spezifischere Variable js.welcome_banner.search lauten – aber sie scheint im Moment nicht zu funktionieren.

2 „Gefällt mir“