Typo3 - Schullogo ändern

Bei den von uns zur Verfügung gestellten Templates ist vorab das VOBS-Logo links oben eingerichtet. Dieses Logo kann recht einfach durch ein eigenes Schullogo ersetzt werden.

Ändern des Logos

Das Schullogo muss dazu in einem geeigneten Bildformat vorliegen: JPG, PNG und SVG werden dabei unterstützt.

Im ersten Schritt muss das Schullogo in der Dateiliste hinterlegt werden. Der Einfachheit halber empfehlen wir, das Logo im Verzeichnis fileadmin/website-assets zu hinterlegen. Dort ist bereits das VOBS-Logo (VOBS-logo.svg) gespeichert:

Anschließend wird der Punkt T3SB Config auf der obersten Seite (die Seite mit der Weltkugel) geöffnet.

Wichtig ist, dass wirklich diese Seite mit der Weltkugel ausgewählt ist.

Nur dort findet sich die Möglichkeit, die Konfiguration zu ändern.

Dort muss dann der Bereich "Navbar" und anschließend der Bereich "Brand" ausgeklappt werden.

In der Ziele "Image" wird dann "VOBS-logo.svg" durch den Dateinamen des hochgeladenen Logos ersetzt. Wurde das Logo, wie oben angeraten, in fileadmin/website-assets eingefügt, so muss nur der Name geändert werden. 

Alternativ kann das Logo auch in einem anderen Pfad gespeichert werden - dann muss dieser komplett entsprechend angegeben werden.

Abschließend wird ganz unten die Änderung noch mit "Save" bestätigt:

Der Name und der Pfad sind dabei case-sensitive - das bedeutet, dass Groß- und Kleinschreibung wichtig ist! Wird der Name falsch eingetippt, erscheint beim Laden der Seite eine Fehlermeldung, wobei der in der Fehlermeldung angegebene Wert auch anders lauten kann.

Erscheint beim Laden der Seite diese Meldung, so muss der Pfad und der Name nochmal genau im Backend geprüft werden.

Ändern der Größe des Logos

Auch die Größe des Logos kann recht einfach geändert werden. Das kann unter TypoScript eingestellt werden.

Auch hier ist zu beachten, dass die Änderungen ausschließlich auf der Hauptseite (mit der Weltkugel) durchgeführt werden.

Im Konstanten-Editor wird dann die Breite oder die Höhe angepasst. Wenn beide Werte gesetzt werden, muss das Seitenverhältnis des Logos dabei beachtet werden. Wird nur ein Wert gesetzt, so berechnet Typo3 den anderen Wert automatisch. Dies ist daher die empfohlene Vorgehensweise:

Vorher (image.height = 24):

Nachher (image.height = 48):

Bei der Änderung der Höhe des Logos kann eine Auswirkung sein, dass der Menübalken oben höher wird.