 |
Zusammenfassung | Versatile Banner fügt eine anpassbare Leiste zu Ihrer Website hinzu. |
 |
Vorschau | Vorschau im Discourse Theme Creator |
 |
Link zum Repository | https://github.com/discourse/discourse-versatile-banner |
 |
Neu bei Discourse Themes? | Anfängerleitfaden zur Verwendung von Discourse Themes |
Diese Theme-Komponente installieren
Funktionen
Diese Theme-Komponente ist eine Weiterentwicklung früherer Banner-Ansätze. Das Ziel ist es, durch die Verwendung von Theme-Einstellungen mehr Einfachheit und Flexibilität zu bieten.
Nachfolgend eine Übersicht der Funktionen:
- Anzeige nur für angemeldete Benutzer oder anonyme Benutzer beschränken
- Anzeige ausschließlich auf mobilen Geräten oder Desktop-Computern beschränken
- Anzeige auf bestimmten Seiten beschränken
- Optionen zum Schließen, Erweitern und dauerhaften Anzeigen
- Option für volle Browserbreite
- Farbverwaltung
- Anpassung von Überschrift und Spalten mit HTML (siehe unten für mehr Details)
- Option für persistenten Zustand (siehe unten für mehr Details)
Anpassung des Banner-Inhalts
Der Banner-Inhalt ist in die Hauptüberschrift und Spalten unterteilt. Sie können bis zu 5 Spalten im Banner haben, jedoch wird aufgrund von Breiteneinschrä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 jedes gewünschte Bild oder Font Awesome-Symbol oben in jede Spalte 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 den Zustand des Banners widerspiegelt. Wenn Sie Bedenken bezüglich der Verwendung von Cookies auf Ihrer Website haben, ist es am besten, diese Einstellung zu vermeiden. Die Auswahl einer relativen Zeitoption für die Einstellung cookie_lifespan stellt sicher, dass das Banner für diesen Zeitraum nach dem Drücken der entsprechenden Taste geschlossen/erweitert/eingeklappt bleibt. Ohne diese Einstellung wird das Banner bei jedem vollständigen Seitenneuladen zurückgesetzt. Wenn Sie eine Änderung am Banner vornehmen und sicherstellen möchten, dass alle Benutzer diese Änderungen sehen, auch diejenigen, die das Banner zuvor geschlossen haben, ändern Sie unbedingt den „Cookie-Namen“. Dies setzt im Wesentlichen jeden persistenten Zustand zurück und ermöglicht dem Benutzer erneut, das Banner zu schließen.
Einstellungen
| Name | Beschreibung |
|---|---|
| show for members | Banner für angemeldete Benutzer des Forums anzeigen |
| show for anon | Banner für anonyme Benutzer anzeigen |
| display on mobile | Banner auf mobilen Geräten anzeigen |
| display on desktop | Banner auf Desktop-Computern anzeigen |
| display on homepage | Banner auf der Startseite anzeigen |
| url must contain | Pfade eingeben, auf denen das Banner angezeigt werden soll. Fügen Sie * am Ende des Pfads als Platzhalter hinzu |
| dismissible | Erlauben, dass Benutzer das Banner schließen können |
| collapsible | Erlauben, dass Benutzer das Banner erweitern und einklappen können |
| default collapsed state | Standardzustand „eingeklappt“, wenn die Einstellung „collapsible“ aktiviert ist |
| cookie lifespan | Die Lebensdauer des Cookies, das verwendet wird, um zu speichern, ob das Banner geschlossen, erweitert oder eingeklappt wurde. Wenn auf „none“ gesetzt, werden KEINE Cookies mit dieser Komponente verwendet, und alle zuvor erstellten Cookies im Zusammenhang mit dem Banner werden beim nächsten vollständigen Seitenneuladen eines Benutzers gelöscht. Die Werte werden als einzelne Einheit gemessen, sodass die Einstellung „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 dies, 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 davon verwenden, aber stellen Sie sicher, dass Sie nicht den Abschnitt „Uploads“ dieser Komponente verwenden. Alle zu dieser Komponente hinzugefügten Uploads werden bei jeder Aktualisierung gelöscht. |
| banner background image dark | Die Quell-URL für Ihr Hintergrundbild, wenn der Dunkelmodus des Systems erkannt wird. |
| background color | Wird anstelle eines Hintergrundbildes verwendet |
| background color dark | Wird anstelle eines Hintergrundbildes verwendet, wenn der Dunkelmodus des Systems erkannt wird. |
| primary text color | Die Haupttextfarbe des Banners |
| primary text color dark | Die Haupttextfarbe des Banners, wenn der Dunkelmodus des Systems erkannt wird |
| secondary text color | Die Textfarbe der Icons und Textüberschriften sowie die Hintergrundfarbe der Schaltfläche. |
| secondary text color dark | Die Textfarbe der Icons und Textüberschriften sowie die Hintergrundfarbe der Schaltfläche, wenn der Dunkelmodus des Systems erkannt wird. |
| link text color | Die Textfarbe von Links im Banner |
| link text color dark | Die Textfarbe von Links im Banner, wenn der Dunkelmodus des Systems erkannt wird. |
| Übersetzung | Standard |
|---|---|
| close.title | Banner schließen |
| close.label | Schließen |
| toggle.title | Banner erweitern/einklappen |
| toggle.collapse_label | Einklappen |
| toggle.expand_label | Erweitern |
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.