 |
Zusammenfassung | Versatile Banner fügt Ihrer Website ein anpassbares Banner hinzu. |
 |
Vorschau | Vorschau auf Discourse Theme Creator |
 |
Repository-Link | https://github.com/discourse/discourse-versatile-banner |
 |
Neu bei Discourse-Themes? | Einsteigerleitfaden zur Verwendung von Discourse-Themes |
Dieses Theme-Komponente installieren
Funktionen
Diese Theme-Komponente ist eine Weiterentwicklung früherer Banner-Lösungen. Das Ziel ist es, durch die Verwendung von Theme-Einstellungen mehr Einfachheit und Flexibilität zu bieten.
Im Folgenden werden die Funktionen hervorgehoben:
- Anzeige auf eingeloggte oder anonyme Benutzer beschränken
- Anzeige ausschließlich auf Mobilgeräten oder Desktop-Computern beschränken
- Anzeige auf bestimmten Seiten beschränken
- Optionen zum Schließen, Ein- und Ausklappen sowie immer sichtbar
- Option für volle Browserbreite
- Farbverwaltung
- Anpassung von Überschrift und Spalten mit HTML (siehe unten für mehr)
- Option für persistenten Zustand (siehe unten für mehr)
Anpassen des Bannerinhalts
Der Bannerinhalt ist in die Hauptüberschrift und Spalten unterteilt. Sie können bis zu 5 Spalten in Ihrem Banner haben, jedoch wird aufgrund von Breitenbeschränkungen eine Anzahl von 3 oder weniger empfohlen. HTML-Vorlagen werden bereitgestellt und können an Ihre individuellen Bedürfnisse angepasst werden. Sie können auch die Breite jeder Spalte steuern und oben in jeder Spalte beliebige Bilder oder Font-Awesome-Icons hinzufügen.
Verwendung der Option für persistenten Zustand
Die Option für persistenten Zustand verwendet bis zu zwei Cookies. Diese Cookies enthalten einen Namen für das Banner und einen wahr/falsch-Wert, der sich auf den Zustand des Banners bezieht. Wenn Sie Bedenken hinsichtlich der Verwendung von Cookies auf Ihrer Website haben, ist es am besten, diese Einstellung zu vermeiden. Die Wahl einer relativen Zeitoption für die Einstellung cookie_lifespan stellt sicher, dass das Banner für diese Zeitspanne geschlossen/ausgeklappt/eingeklappt bleibt, nachdem der Benutzer auf die entsprechende Schaltfläche geklickt hat. Ohne diese Einstellung wird das Banner bei jedem vollständigen Seitenladen zurückgesetzt. Wenn Sie Änderungen am Banner vornehmen und sicherstellen möchten, dass alle Benutzer diese Änderungen sehen, auch diejenigen, die das Banner zuvor geschlossen haben, stellen Sie sicher, dass Sie den „Cookie-Namen“ ändern. Dies setzt im Wesentlichen jeden persistenten Zustand zurück und ermöglicht es dem Benutzer, das Banner erneut zu schließen.
Einstellungen
| Name | Beschreibung |
|---|---|
| show for members | Banner für Benutzer anzeigen, die im Forum angemeldet sind |
| show for anon | Banner für anonyme Benutzer anzeigen |
| display on mobile | Banner auf Mobilgeräten anzeigen |
| display on desktop | Banner auf Desktop-Computern anzeigen |
| display on homepage | Banner auf der Startseite anzeigen |
| url must contain | Geben Sie Pfade ein, auf denen das Banner angezeigt werden soll. Fügen Sie * am Ende des Pfads als Platzhalter hinzu |
| dismissible | Benutzern erlauben, das Banner zu schließen |
| collapsible | Benutzern erlauben, das Banner ein- und auszuklappen |
| default collapsed state | Standardmäßig eingeklappter Zustand, wenn die Einstellung zum Ein- und Ausklappen aktiviert ist |
| cookie lifespan | Die Lebensdauer des Cookies, der sich daran erinnert, ob das Banner geschlossen, ausgeklappt oder eingeklappt wurde. Wenn auf „none“ gesetzt, werden KEINE Cookies mit dieser Komponente verwendet, und alle zuvor erstellten Cookies, die sich auf das Banner beziehen, werden beim nächsten vollständigen Seitenladen eines Benutzers gelöscht. Die Werte werden als einzelne Einheit gemessen, sodass „year“ ein Jahr, „week“ eine Woche usw. bedeutet. |
| cookie name | Wenn wichtige Änderungen am Banner vorgenommen werden, müssen Sie den Cookie-Namen ändern, um sicherzustellen, dass alle Benutzer die Änderungen sehen. |
| full width banner | Banner in voller Browserbreite anzeigen |
| swap default positioning | Wenn eine andere bannerbezogene Komponente aktiv ist, verwenden Sie diese Einstellung, um ihre Position mit dem Versatile Banner zu tauschen |
| plugin outlet | below-site-header platziert es über der Seitenleiste, above-main-container platziert es über dem Inhalt neben der Seitenleiste |
| banner background image | Die Quell-URL für Ihr Hintergrundbild. Tipp: Sie können ein Bild in Ihr Haupt-Theme hochladen und die URL daraus verwenden, aber stellen Sie sicher, dass Sie den Abschnitt „Uploads“ dieser Komponente nicht verwenden. Alle Uploads, die zu dieser Komponente hinzugefügt werden, werden bei jedem Update gelöscht. |
| banner background image dark | Die Quell-URL für Ihr Hintergrundbild, wenn ein systemweites dunkles Design erkannt wird. |
| background color | Wird anstelle eines Hintergrundbilds verwendet |
| background color dark | Wird anstelle eines Hintergrundbilds verwendet, wenn ein systemweites dunkles Design erkannt wird. |
| primary text color | Die Haupttextfarbe des Banners |
| primary text color dark | Die Haupttextfarbe des Banners, wenn ein systemweites dunkles Design erkannt wird |
| secondary text color | Die Textfarbe der Icons und Textüberschriften sowie die Hintergrundfarbe der Schaltflächen. |
| secondary text color dark | Die Textfarbe der Icons und Textüberschriften sowie die Hintergrundfarbe der Schaltflächen, wenn ein systemweites dunkles Design erkannt wird. |
| link text color | Die Textfarbe von Links innerhalb des Banners |
| link text color dark | Die Textfarbe von Links innerhalb des Banners, wenn ein systemweites dunkles Design erkannt wird. |
| Übersetzung | Standardwert |
|---|---|
| close.title | Banner schließen |
| close.label | Schließen |
| toggle.title | Banner ein-/ausklappen |
| toggle.collapse_label | Einklappen |
| toggle.expand_label | Ausklappen |
Von uns gehostet? Theme-Komponenten sind in unseren Pro-, Business- und Enterprise-Plänen verfügbar.
Von uns gehostet? Theme-Komponenten sind in unseren Pro-, Business- und Enterprise-Plänen verfügbar.