Das Kanal-Design
Das Standard-Theme eines Hubzilla-Kanals heißt “redbasic”. Es handelt sich um ein einfach und klar strukturiertes dreispaltiges Layout und basiert auf Bootstrap. In der Grundeinstellung ist es ziemlich “neutral”. Hubzilla erlaubt es, etliche Parameter zu verändern, um die Optik individueller zu gestalten.
Die Einstellungen zum Design stehen in den Anzeige-Einstellungen zur Verfügung. Die Anzeige-Einstellungen erreichen Sie im Hauptmenü unter dem Menüpunkt “Einstellungen”.
Die Anzeige-Einstellungen ist in drei Unterabschnitte (als Tabs) unterteilt.
Der erste Abschnitt ermöglicht die Auswahl des zu verwendenden Themes. Bei einem neu angelegten Kanal ist hier “redbasic” eingestellt. Sollte der Administrator Ihres Hubs weitere Themen installiert und aktiviert haben, können Sie an dieser Stelle auch ein anderes Theme auswählen. Je nach Gestaltung des anderen Themes, gibt es auch andere benutzerdefinierte Design-Einstellungen und ggf. wird ein anderes Seitenlayout verwendet. Die folgenden Ausführungen beziehen sich auf das Theme “redbasic”, welches auf jedem Hub vorhanden ist.
Im ersten Abschnitt kann man auch einen Stil für das Theme auswählen. Bei redbasic sind dies “Focus” und “Focus-Boxy”. Der zweite Style unterscheidet sich nur dadurch vom Standard-Style “Focus”, dass einzelne Elemente einen feinen Rahmen aufweisen.
Der zweite Abschnitt bietet “Benutzerdefinierte Design-Einstellungen”. Bei einem neu angelegten Kanal sind das nur sehr wenige. Sie können ein dunkles Theme erzwingen, auf eine “schmale” (das bedeutet in der Höhe reduzierte) Navigationsleiste umstellen, die Breite des Inhaltsbereichs in rem festlegen, sowie die Schriftgröße für die gesamte Anwendung modifizieren.
Mehr Einstellungen stehen nicht zur Verfügung.
Nehmen Sie hier Änderungen vor, müssen diese durch Klick auf den Button “Absenden” bestätigt werden.
Am Ende der Einstellungen gibt es den Schalter “Erweiterte Einstellungen anzeigen”. Stellen Sie diesen auf “Ja”, klicken Sie auf absenden und rufen nun erneut die benutzerdefinierten Design-Einstellungen auf, so haben Sie wesentlich mehr Möglichkeiten für die Einstellungen.
Das Theme “redbasic” verwendet die Hintergrundfarben von Bootstrap. Dies sind bg-primary, bg-success, bg-info, bg-warning und bg-danger. Diese Standard-Farben können Sie an dieser Stelle nun überschreiben. Dazu können Sie diese entweder im Hex-Format #RRGGBB eingeben, oder druch Klick in das Eingabefeld den Farbwähler verwenden.
Sie können außerdem den Eckradium von Elementen in rem, sowie die Größe der Avatare von Themenstartern und von Kommentatoren festlegen.
Weiterhin gibt es noch Einstellungen für den “Light Style”, also den hellen modus und den “Dark Style”, den dunklen Modus.
Für den “Light Style” können Sie festlegen, dass trotzdem die Icons des “Dark Style” verwendet werden. Das ist sinnvoll, falls Sie für die Farbe der Navigationsleiste im hellen Modus trotzdem eine relativ dunkle Farbe einstellen.
Sowohl für den hellen, wie auch für den dunklen Modus können Sie hier nun die Farbe der Navigationsleiste und die Hintergrundfarbe der gesamten Webseite festlegen. Beides geschieht in der rgba-Notation, also rgba(RRR,GGG,BBB,A), wobei A für den Alpha-Kanal, also einen möglichen Transparenz-Effekt steht.
Außerdem können sie festlegen, dass für den gesamten Webseiten-Hintergrund ein Bild verwendet wird. Dafür müssen Sie die URL eines Hintergrundbildes eintragen, sinnvollerweise sollte es in der Cloud des Kanals liegen.
Der dritte Abschnitt ist für die Inhaltseinstellungen. Hier kann man einstellen, dass Emoticon als Bilder angezeigt, also in solche umgewandelt werden. Außerdem besteht die Möglichkeit, festzulegen, dass Beitragstitel immer zum Originalbeitrag verlinken. Für die Nutzung auf mobilen Endgeräten kann man den Zoom-Modus einschalten und man kann a dieser Stelle die Anzeige des Widgets mit Hinweisen für neue Benutzer abschalten. Schließlich kann man die Thread-Darstellung von Konversationen ein- bzw. abschalten.
Durch sinnvolle Einstellungen lässt sich die Webpräsenz hier den eigenen Bedürfnissen und ggf. an die CI anpassen.