Willkommen Link Banner

|||
-|-|-|
:discourse2: | Zusammenfassung | Welcome Link Banner ist ein einfacher Banner, mit dem Sie benutzerdefinierten Text und 1-4 Links hinzufügen können.
| :eyeglasses: | Vorschau | Vorschau im Discourse Theme Creator |
:hammer_and_wrench: | Repository-Link | https://github.com/discourse/discourse-welcome-link-banner
:open_book: |Neu bei Discourse Themes? | Anfängerleitfaden zur Verwendung von Discourse Themes

Diese Theme-Komponente installieren

Funktionen

Einstellungen

Diese Komponente bietet eine Vielzahl von Einstellungen!

Name Beschreibung
show on Wählen Sie, ob Ihr Banner auf der Homepage, in Themenlisten oder auf allen Seiten angezeigt werden soll
banner links Fügen Sie 1-4 Links mit Font Awesome Icons und Text hinzu (möglicherweise müssen Sie auch Icons hinzufügen, die nicht standardmäßig in Discourse enthalten sind, zur Einstellung svg_icons)
max trust level Zeigen Sie den Banner nur Benutzern mit bestimmten Vertrauensstufen an
hide for staff
hide on mobile
layout Text links (Standard) oder Text oben
plugin outlet Ermöglicht Ihnen, den Ort zu ändern, an dem der Banner gerendert wird. Wenn Sie die Seitenleiste verwenden, versuchen Sie es mit above-main-container
hide for anon Blendet den Banner für abgemeldete Benutzer aus
can be dismissed Ermöglicht Benutzern, durch Klicken auf ein x den Banner auszublenden
banner background image Wählen Sie ein Bild, das hinter dem Banner angezeigt werden soll
banner background repeat Konfigurieren Sie das Wiederholungsverhalten des Hintergrundbilds
banner background size Passen Sie die Größe Ihres Hintergrundbilds mit CSS an (weitere Informationen)
banner background color Kein Hintergrundbild? Verwenden Sie eine Volltonfarbe!
banner box background color
banner text color
banner icon color
banner link color
Übersetzungen Standard
meta_banner.welcome Willkommen in unserer Community!
meta_banner.subtitle Beteiligen Sie sich an der Unterhaltung und denken Sie daran, freundlich zu sein.

:discourse2: Von uns gehostet? Theme-Komponenten sind für unsere Pro-, Business- und Enterprise-Pläne verfügbar.

77 „Gefällt mir“

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:

6 „Gefällt mir“

10 Beiträge wurden in ein neues Thema aufgeteilt: Welcome Link Banner wird nicht mehr auf meiner Website angezeigt?

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.

3 „Gefällt mir“

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.

5 „Gefällt mir“

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

2 „Gefällt mir“

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

4 „Gefällt mir“

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 :pray:

2 „Gefällt mir“

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

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.

4 „Gefällt mir“

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.

2 „Gefällt mir“

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.

4 „Gefällt mir“

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

2 „Gefällt mir“

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.

1 „Gefällt mir“

Lass mich einige Klarstellungen anbieten.

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.

3 „Gefällt mir“

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.

4 „Gefällt mir“

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?

2 „Gefällt mir“

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.

4 „Gefällt mir“

@Moin

Danke!

2 „Gefällt mir“

3 Beiträge wurden in ein neues Thema aufgeteilt: Welche Symbole kann ich dem Willkommens-Link-Banner hinzufügen?

3 Beiträge wurden zu einem neuen Thema aufgeteilt: Welcome Link Banner für bestimmte Kategorien anzeigen