Zum Inhalt

Stile#

Über Stile steuern Sie die komplette Darstellung Ihrer WoltLab Suite Installation. Ein Stil besteht dabei aus Farben, Bildern, Typographie-Einstellungen, Templates und optional individuellen CSS-Deklarationen.

WoltLab Suite wird mit einem Standardstil ausgeliefert, der den Namen WoltLab Suite Core trägt. Sie können diesen Stil nach Belieben verändern, aber auch einen gänzlich neuen Stil erstellen. Auf Wunsch können Sie auch mehrere Stile in Ihrer Installation nutzen und Ihre Benutzer auswählen lassen, welchen Stil sie nutzen möchten.

Stile importieren#

Stile für WoltLab Suite können als einzelne Datei exportiert werden. Diese Stil-Datei kann anschließend in einer anderen Installation importiert werden oder an andere Personen weitergegeben werden. Im offiziellen Plugin-Store finden Sie eine große Anzahl an fertigen Stil - sowohl kostenlos als auch kostenpflichtig.

Um eine Stil-Datei zu importieren rufen Sie in der Administrationsoberfläche Anpassung → Stile → Stile auf und klicken auf den Button Stil importieren. Anschließend können Sie die Stil-Datei von Ihrem Computer hochladen.

Stile verwalten#

Die Verwaltung der Stile finden Sie in der Administrationsoberfläche unter Anpassung → Stile → Stile.

Standardstil auswählen

Falls Sie mehrere Stile installiert haben, können Sie einen Stil zum Standard machen, indem Sie auf das gezeigte Icon klicken:

Stil zum Standard machen

Logo anpassen

Beim Bearbeiten eines Stils finden Sie die Einstellungen für das Logo unter Globale Einstellungen → Seitenlogo. Das gewünschte Logo können Sie direkt von Ihrem Computer hochladen. Zusätzlich können Sie zudem ein separates Logo für die Darstellung auf mobilen Endgeräten wie Smartphones definieren.

Schriftbild anpassen

Beim Bearbeiten eines Stils finden Sie die Einstellungen das Schriftbild unter Globale Einstellungen → Schriftbild. Sie haben die Möglichkeit die Schriftgrößen und die Schriftart festzulegen.

Farben anpassen

Die Farbpalette finden Sie beim Bearbeiten eines Stils unter dem Tab Farbpalette. Hier haben Sie die Möglichkeit sämtliche Farben anzupassen und erhalten zeitgleich eine direkte Vorschau Ihrer Änderungen.

Wählen Sie zunächst einen bestimmten Bereich aus, den Sie anpassen möchten. Dazu klicken Sie auf der rechten Seite auf den Button Kategorie-Direktauswahl. Klicken Sie anschließend in der Vorschau auf den gewünschten Bereich, den Sie anpassen möchten. Nun werden Ihnen auf der rechten Seite alle Farben aufgelistet, die für den jeweiligen Bereich angepasst werden können. Klicken Sie auf eines der farbigen Quadrate, um den Farbwert anzupassen.