Überschriften als Bilder anlegen

Das dynamische (skriptgesteuerte) Erzeugen von Bildern wird hauptsächlich bei grafischen Menüs und Elementen (Bildern) mit eingebetteten Textinformationen angewendet, zum Beispiel bei Bereichsüberschriften. Das ist immer dann von Bedeutung, wenn eine spezielle Schriftart verwendet wird, die auf den Zielrechnern (denen der Website-Besucher) in der Regel nicht installiert ist.

Dynamische Grafiken werden nicht zur Anfragezeit auf dem Webserver berechnet, wie der Name missverständlicherweise suggeriert. Dies wäre aus Performance-Gründen nicht akzeptabel. Hier greift der Caching-Mechanismus von TYPO3 – die Grafiken werden nur bei Änderungen durch Redakteure neu berechnet und danach zwischengespeichert.

GIFBUILDER-Objekte können in IMAGE-Objekten von TYPO3-Templates verwendet werden, anstatt eine fixe Grafik in Form des Dateipfads anzugeben. Das Aussehen der Grafik wird dabei über Eigenschaften des Objekts mittels TypoScript gesteuert.

Ein TypoScript-Beispiel mit einem GIFBUILDER-Objekt, das den Seitentitel in Form einer Grafik erzeugt, verdeutlicht dies:

seite=PAGE
seite.10=IMAGE
seite.10.file=GIFBUILDER
seite.10.file{
	XY=[5.w],[5.h]
	5=IMAGE
	5.file=fileadmin/hintergrund.jpg
	10=TEXT
	10.text.field=title
	10.offset=10,40
	10.fontFile=fileadmin/verdana.ttf
	10.fontSize=18
}

Das Listing zeigt beispielhaft, welche Einstellungen Sie vornehmen können. An Position 10 eines PAGE-Objekts wird ein IMAGE-Objekt erzeugt. Die file-Eigenschaft ist nicht mit einem Dateipfad belegt, sondern mit dem dynamischen GIFBUILDER-Objekt.

Die XY-Eigenschaft des GIFBUILDER-Objekts wird in diesem Beispiel nicht mit einem fixen Pixelwert belegt, sondern die Abmessungen werden aus dem an Position 5 des GIFBUILDER-Objekts eingefügten Bild berechnet. [5.w] steht für die Breite und [5.h] für die Höhe. Es ist dabei nicht von Bedeutung, dass das Bild erst in der nachfolgenden Zeile des Skripts spezifiziert wird. Die Reihenfolge der Zeilen des Skripts spielt in solchen Fällen keine Rolle.

An Position 5 des GIFBUILDER-Objekts wird ein Hintergrundbild in Form eines JPG-Bilds eingefügt. An Position 10 wird ein TEXT-Objekt erzeugt. Es wird aufgrund seiner Positionsnummer über das Bild gelegt. Der Textinhalt hat keinen fixen Wert, sondern wird aus dem Datenbankfeld „title“ der Seite ausgelesen. Die Position des Texts auf dem Hintergrundbild wird durch einen Offset von der linken oberen Ecke des Bilds aus bestimmt.

Damit TYPO3 den Text mit der richtigen Schriftart in das Bild einfügt, wird der Pfad zur Schriftdatei angegeben. Die Datei muss zu diesem Zweck über die Dateiverwaltung an die entsprechende Stelle auf dem Webserver kopiert werden. In diesem Beispiel wird die Schriftart Verdana verwendet. TYPO3 kann durch die Einbindung der FreeType-Bibliothek TrueType-Schriftarten verarbeiten. Abschließend wird die Schriftgröße fixiert.