Versatile Banner

[pfaffman (Jay Pfaffman)]

Das kannst du nicht. Du müsstest sie zu Administratoren machen.

[danielabc (Daniela)]

Kennen Sie eine andere Komponente, bei der Moderatoren das Bannerfoto ändern können?

[pfaffman (Jay Pfaffman)]

Nein. Moderatoren können keine Themes ändern.

Es wäre möglich, ein Theme zu erstellen, das beispielsweise das Banner zu einem Foto in einem Thema mit einem bestimmten Tag oder einer Kategorie macht (oder dem neuesten Thema mit diesem Tag oder dieser Kategorie). Sie könnten dann den Zugriff auf diesen Tag oder diese Kategorie auf Mitglieder einer bestimmten Gruppe beschränken. Ich habe einmal ein Plugin geschrieben, das seine Daten aus der neuesten Antwort auf ein Thema bezog.

Ohne den Code anzusehen, denke ich, dass Sie das Theme forken und so etwas tun könnten.

[awesomerobot (Kris)]

Heute haben wir eine Überarbeitung dieser Komponente zusammengeführt, die sie von unserem benutzerdefinierten Widget-System in eine moderne Ember-Komponente verschiebt.

REFACTOR: update to use glimmer components instead of widgets

Dies ist notwendig, da wir planen, unser Widget-System im nächsten Jahr abzuschaffen. Die gesamte Funktionalität des Banners sollte gleich bleiben, aber lassen Sie uns wissen, wenn Sie auf neue Probleme stoßen!

Eine Sache, die sich geändert hat, ist, dass sie nicht mehr aus Widgets besteht, sodass Sie nicht mehr wie folgt vorgehen können, um ihre Funktionalität zu überschreiben:

@tshenry

Sie könnten vielleicht so etwas tun:

<script type="text/discourse-plugin" version="0.10.0">
  // Füge den Link zur Überschrift hinzu
  api.reopenWidget("banner-box-widget", {
    html(attrs) {

Diese Art der Anpassung war schon immer ein wenig fragil (wenn sich das Thema ändert, könnte dies die Überschreibung brechen und damit die gesamte Komponente), daher ist dies ein Muster, von dem wir uns bei der Entwicklung von Erweiterungen für Discourse abwenden.

[markersocial]

@awesomerobot

Die gesamte Funktionalität des Banners sollte gleich bleiben, aber lasst uns wissen, wenn ihr auf neue Probleme stoßt!

Danke für das Update! Nur zur Info – auf Stable scheint es ein neues Problem zu geben, wenn die Spalten leer/ausgeblendet sind. Zuvor wurden die Felder ‘first/second/third/fourth column content’ geleert, um diese Spalten auszublenden, wenn ich mich richtig erinnere. Aber nach dem Upgrade nehmen die Spalten leeren Platz ein, wenn sie leer gelassen werden, was besonders auf Mobilgeräten auffällt.

[awesomerobot (Kris)]

Guter Punkt! Ich verstecke die Container, wenn es in einem neuen Update keinen Inhalt gibt:

UX: hide column containers if empty

[flash]

Hallo, ich habe ein Problem mit dem Banner auf Firefox Mobile. Ich verwende 3 Spalten und die ersten beiden zeigen den gesamten Inhalt an, während die dritte abgeschnitten ist. Samsung S23 Ultra, ich kann es bei Brave problemlos sehen. Auf Firefox, sowohl eingeloggt als auch ausgeloggt, fehlt es.

Ich habe das iPhone 14 Pro überprüft und Safari ist in Ordnung.

[Kieran_Berryman]

Hallo,

Ich glaube nicht, dass ich mein Problem hier im Thread schon einmal gesehen habe, aber entschuldigen Sie bitte, falls bereits eine Lösung bereitgestellt wurde. Ich möchte dieses Banner in meiner Community implementieren und habe nach umfangreichen Anpassungen festgestellt, dass diese Komponente die rechte Seite des Hauptcontainers über das normale Maß hinaus zu erweitern scheint. Ich werde unten einige Screenshots bereitstellen, um zu verdeutlichen, was ich meine (alles im Banner hat derzeit Standardeinstellungen).

Dies ist mit aktiviertem Banner:

Die Seite neben dem neuen Thema ist über mein Profilbild hinaus erweitert.

---

Wenn die Theme-Komponente jedoch deaktiviert ist, sieht alles normal aus.

Wie Sie sehen können, ist die rechte Seite auf einer Linie mit meinem Profilbild.

---

Ich verwende auch andere Theme-Komponenten, daher ist es möglich, dass diese stören. Ich werde unten eine Liste der Komponenten bereitstellen:

• Dark-Light Toggle
• DiscoTOC
• Discourse Clickable Topic
• Discourse Gifs
• Discourse Header Search
• Hamburger Theme Selector
• Custom Header Links
• Header Submenus
• Versatile Banner

Haben Sie eine Idee, was vor sich geht?

Vielen Dank

[barto_95]

Wenn ich den Text in den Cookie-Namen ändere, wird das Banner in der Discourse-App nicht angezeigt…

Vielleicht ein Fehler?

[Kieran_Berryman]

Es scheint, dass diese Theme-Komponente die Funktionalität hat, nur auf bestimmten Seiten angezeigt zu werden, und ich möchte etwas Ähnliches tun. Wie wurde diese Funktionalität erreicht?

[awesomerobot (Kris)]

Die Komponente prüft die Einstellung anhand der currentURL hier:

https://github.com/discourse/discourse-versatile-banner/blob/main/javascripts/discourse/components/versatile-banner.js#L66-L85

[stuwest]

Erscheint das Banner nur in bestimmten Browsern? Wir veranstalten eine Spendenaktion und ich möchte, dass alle davon erfahren, aber mehrere Personen haben kommentiert, dass sie überhaupt nichts gesehen haben. Ich habe versucht, die Einstellungen dismissible und collapsible zu deaktivieren, aber ohne Erfolg.

Derzeit sehe ich das Banner nicht, wenn ich über (meine zugegebenermaßen alte Kopie von) Safari auf dem Mac oder die (vollständig aktualisierte) DiscourseHub-App auf dem iPhone auf das Forum zugreife. Ich sehe es in Safari auf meinem iPhone und Firefox auf meinem Mac.

Irgendwelche Vorschläge? Ich habe offensichtlich nur begrenzte Kontrolle darüber, welche Browser meine Benutzer verwenden, aber ich möchte, dass sie alle wichtige Ankündigungen sehen.

[Javier_Carpinteyro_Ponce]

Hallo,

ich bin noch relativ neu bei Discourse und Versatile Banners, aber ich frage mich, ob es möglich ist, die Icon-Größe für Icons zu ändern, die ich auf den Spalten des Banners platziere?

Für jede Hilfe wäre ich sehr dankbar.

Javier

[Kleinanzeigen-Enhanced (Richard)]

Gleiches Problem, auch mit weniger Komponenten. Die gesamte Seite ist nach rechts scrollbar. Danke im Voraus für eine Lösung
Update:
Ich benutze das Air Theme. Und das Problem besteht weiterhin, auch wenn ich alle anderen Komponenten deaktiviere.

Gelöst: Ich habe mein eigenes Banner erstellt mit einer benutzerdefinierten Komponente.

[stephen34]

Wo finde ich die Einstellung (gehosteter Plan), um die Schriftfarbe für den Ein-/Ausklappschalter des vielseitigen Banners zu ändern?
Der Standard ist grau, aber er ist auf dem für unsere Website ausgewählten Hintergrundbild schwer zu erkennen. Wenn er durch die zugrunde liegende Farbpalette des Website-Designs bestimmt wird, welche Komponente muss ich dann bearbeiten (z. B. Primär 500 usw.).

[nathank (Nathan Kershaw)]

Es gibt keine Einstellung dafür, aber Sie können CSS in Ihrem eigenen Theme verwenden. Hier ist, was Sie anvisieren müssen

.banner-box .button-container .close .d-button-label, .banner-box .button-container .toggle .d-button-label {
    font-size: 1em;
    color: #646464;
}

[philh]

Vielseitiger Banner und Brand Header - #266 by pacharanero spielen möglicherweise nicht gut zusammen.

Wenn der Marken-Header so eingestellt ist, dass er über dem Website-Header angezeigt wird, und dann der vielseitige Banner aktiviert wird, verschiebt sich der Marken-Header unter den Header. Wenn die anderen Komponenten deaktiviert und nur mit diesen beiden gearbeitet wird, wurde bestätigt, dass der Konflikt zwischen ihnen besteht.

Nachdem der vielseitige Banner aktiviert wurde

[philh]

Dies wurde von @Juan_David_Martínez in behoben

Plugin Conflict Between Brand Header and Versatile Banner

Hi @philh, I have merged the fix for this, thanks for reporting. Let me know if you find issues.

Aktualisieren Sie Ihre Komponente.