Willkommens-Link-Banner

[Discourse]

||||
-|-|
| Zusammenfassung | Welcome Link Banner ist ein einfaches Banner, mit dem Sie benutzerdefinierten Text und 1–4 Links hinzufügen können.
| | Vorschau | Vorschau auf Discourse Theme Creator |
| Repository-Link | https://github.com/discourse/discourse-welcome-link-banner
|Neu bei Discourse-Themes? | Einsteigeranleitung zur Verwendung von Discourse-Themes

Installiere diese Theme-Komponente

Da dies eine #offizielle Theme-Komponente ist, die vom Discourse-Team gepflegt wird, können Support, Contribute > Bug, Contribute > UX und #contribute:feature-Anfragen in den entsprechenden Kategorien hier auf Meta gestellt und mit dem entsprechenden Tag der Theme-Komponente versehen werden. Klicke auf einen der unten stehenden Links, um eine Anfrage zu starten.

 Support  Fehlerbericht  UX  Feature

Funktionen

Einstellungen

Diese Komponente bietet eine Vielzahl von Einstellungsmöglichkeiten!

Name	Beschreibung
Anzeigen auf	Wähle aus, ob das Banner auf der Startseite, in Themenlisten oder auf allen Seiten angezeigt werden soll
Banner-Links	Füge 1–4 Links mit Font Awesome-Symbolen und Text hinzu (ggf. müssen auch Symbole, die nicht standardmäßig in Discourse enthalten sind, zur Einstellung svg_icons hinzugefügt werden)
Max. Vertrauensstufe	Das Banner nur für Benutzer mit bestimmten Vertrauensstufen anzeigen
Für Staff ausblenden
Auf Mobilgeräten ausblenden
Layout	Text links (Standard) oder Text oben
Plugin-Auslass	Ermöglicht es, die Stelle zu ändern, an der das Banner gerendert wird. Wenn du die Seitenleiste verwendest, probiere above-main-container
Für Anonyme ausblenden	Blendet das Banner für nicht angemeldete Benutzer aus
Kann geschlossen werden	Ermöglicht Benutzern, auf ein x zu klicken, um das Banner zu verstecken
Banner-Hintergrundbild	Wähle ein Bild, das hinter dem Banner angezeigt werden soll
Wiederholung des Banner-Hintergrundbilds	Konfiguriere das Wiederholungsverhalten des Hintergrundbilds
Größe des Banner-Hintergrundbilds	Passe die Größe deines Hintergrundbilds mit CSS an (weitere Informationen)
Banner-Hintergrundfarbe	Kein Hintergrundbild? Verwende eine einfarbige Hintergrundfarbe!
Hintergrundfarbe des Banner-Box
Textfarbe des Banners
Symbolfarbe des Banners
Linkfarbe des Banners

Übersetzungen	Standard
meta_banner.welcome	Willkommen in unserer Community!
meta_banner.subtitle	Nimm an der Unterhaltung teil und denk daran, freundlich zu sein.

Von uns gehostet? Theme-Komponenten sind auf unseren Pro-, Business- und Enterprise-Plänen verfügbar.

[awesomerobot (Kris)]

Wenn Sie die experimentelle Seitenleiste verwenden, habe ich eine Einstellung (plugin outlet) hinzugefügt, die dazu führt, dass das Willkommensbanner über dem Inhalt, aber nicht über der Seitenleiste erscheint. Ändern Sie diese Einstellung einfach auf above-main-container.

Wenn Sie diese Einstellung ändern, erscheint das Banner rechts neben der Seitenleiste, so wie unser Banner hier auf Meta:

DEV: add outlet setting to accommodate sidebar

[jaileleu]

Frage: Wenn ein Benutzer (ich ^^) das Banner geschlossen hat, wie kann er es wiederherstellen? Ich drücke Strg+F5, aber es kommt nicht zurück, und ich habe es nur zum Testen geschlossen.

[Arkshine]

Auf dem Desktop können Sie den Local Storage-Eintrag hier löschen: discourse_dismissedWelcomeLinkBanner.

Sie drücken F12, um die Browserkonsole zu öffnen → gehen Sie zum Tab Application → Klicken Sie im linken Bereich auf Local Storage und dann auf Ihre Website → Suchen Sie nach dem Schlüssel discourse_dismissedWelcomeLinkBanner und löschen Sie ihn.

Das ist alles! Sie können die Seite neu laden, und das Banner sollte wieder erscheinen.

[martyn_thomas]

Gibt es eine Möglichkeit, das Banner anzuzeigen, wenn sich ein Benutzer in einer Gruppe befindet oder nicht, anstatt basierend auf Vertrauensstufen?

[Lilly (Lillian)]

Hallo @martyn_thomas Wenn Sie diese Theme-Komponente installieren, sollten Sie CSS verwenden können, um das zu erreichen, was Sie möchten

CSS Classes for Current User's Groups

Summary CSS Classes for Current User’s Groups adds the groups that a member is a part of as CSS classes on the <body> tag. Preview Preview on theme-creator.discourse.org Repository Link https://github.com/discourse/discourse-groups-css-classes-in-body New to Discourse Themes? Beginner’s guide to using Discourse Themes Install this theme component Before: [image] After: [image] Discourse only adds the current us…

[Aizada_M]

@Lilly

Hallo @martyn_thomas Wenn Sie diese Theme-Komponente installieren, sollten Sie CSS verwenden können, um das zu erreichen, was Sie möchten.

discourse2 Summary CSS Classes for Current User’s Groups fügt die Gruppen, denen ein Mitglied angehört, als CSS-Klassen zum <body>-Tag hinzu. eyeglasses Vorschau Vorschau auf theme-creator.discourse.org hammer_and_wrench Repository-Link GitHub - discourse/discourse-groups-css-classes-in-body open_book Neu bei Discourse Themes? Anfängerleitfaden zur Verwendung von Discourse Themes Installieren Sie diese Theme-Komponente Vorher: [Bild] Nachher: [Bild] Discourse fügt nur den aktuellen u…

Meine Frage mag dumm erscheinen, aber ich bin kein Programmierer. Ich habe die Komponente CSS Classes for Current User's Groups installiert. Wenn ich 3 Banner-Optionen für drei verschiedene Gruppen anzeigen möchte, sollte ich dann drei Kopien der Komponente Welcome Link Banner installieren? Wie sollte ich dann das CSS stylen, wenn ich möchte:
Für Gruppe A wurde Banner-A angezeigt, für Gruppe B wurde Banner-B angezeigt und für Gruppe C wurde Banner-C angezeigt? Könnten Sie ein Beispiel geben?
Vielen Dank im Voraus für Ihre Antwort

[Lilly (Lillian)]

Installieren Sie nur eine Kopie der Komponente. Sehen Sie hier, wie Sie sie verwenden

GitHub - discourse/discourse-groups-css-classes-in-body

body.group-(gruppenname hier) .welcome-link-banner-wrapper {
    display: none;
}

Ersetzen Sie „(gruppenname hier)“ durch die Gruppe, für die Sie das Banner ausblenden möchten.

[Aizada_M]

Danke, das funktioniert, wenn ich ein Banner für eine bestimmte Gruppe ausblenden möchte, aber ich weiß nicht, wie ich unterschiedliche Banner mit unterschiedlichen Inhalten für unterschiedliche Gruppen anzeigen kann.

[Lilly (Lillian)]

Wenn Sie andere Banner wünschen, benötigen Sie mehr als eine Kopie der Willkommens-Link-Banner-Komponente (nicht der CSS-Gruppenkomponente). Möglicherweise möchten Sie auch unterschiedliche CSS verwenden, um sie anzuzeigen, anstatt sie zu verstecken.

[Aizada_M]

@Lilly

unterschiedliches CSS anzeigen, anstatt es auszublenden.

Ich verstehe das, aber ich weiß nicht, wie ich ein solches CSS implementieren soll. Ich brauche ein grobes CSS-Beispiel.

[Lilly (Lillian)]

Sie möchten es vielleicht zuerst für alle ausblenden und dann display: block für ausgewählte Gruppen verwenden. Was Sie möchten, kann wahrscheinlich auf mehr als eine Weise erreicht werden – für alle ausblenden und dann für einige anzeigen oder für einige ausblenden.

[Aizada_M]

Lass mich einige Klarstellungen anbieten.

@Lilly

Wenn Sie unterschiedliche Banner wünschen, benötigen Sie mehr als eine Kopie der Welcome Link Banner-Komponente.

Wenn ich mehrere Kopien einer Komponente habe, wie soll ich den Klassennamen schreiben? Zum Beispiel,

body.group-name1.welcome-link-banner-wrapper1{
display: none;
}
body.group-name1 .welcome-link-banner-wrapper2{
display: none
}
body.group-name2.welcome-link-banner-wrapper1{
display: block;
}
body.group-name2 .welcome-link-banner-wrapper2{
display: none
}
body.group-name3 .welcome-link-banner-wrapper2{
display: block
}

So etwas wie?
Ich kann nicht herausfinden, wie .welcome-link-banner-wrapper für jede Komponenteninstanz heißen wird.

[Lilly (Lillian)]

Möglicherweise müssen Sie die Bannerkomponente für jeden Anwendungsfall forken? Wahrscheinlich ist es am besten, grundlegende CSS- und Theme-Komponentenentwicklungsfähigkeiten für diesen Anwendungsfall zu erlernen, der außerhalb des Rahmens liegt.

[nujabes]

Ich würde dieses Banner gerne verwenden, da es einfach und übersichtlich ist. Ist es in Ordnung, es zur Bewerbung der App meines Unternehmens anstelle eines Willkommensbanners zu verwenden?

Ich überlege, den Link zu einer URL einzustellen, von der die App im App Store heruntergeladen werden kann. Gibt es damit auch Probleme?

Kann ich den Teil „Willkommen in unserer Community!“ ändern?

[Moin]

Ja, Sie können alle Texte anpassen, die Symbole auswählen und beliebige Links hinzufügen.
Sie können das Theme auch im Theme Creator ausprobieren.

[nujabes]

@Moin

Danke!