Im folgenden Artikel möchte ich zeigen, wie man eine multilinguale Website mit TYPOlight realisiert. Hierfür verwende ich die derzeit aktuelle Version 2.6 sowie das Plugin ChangeLanguage.

Installation

Falls noch nicht geschehen, laden wir uns zunächst TYPOlight von der Projektseite herunter. Anschließend wird das Archiv entpackt und die Dateien auf unserem Server oder Webspace hinterlegt. Die Datei system/config/localconfig.php sollte beschreibbar sein. TYPOlight wird während der Installation alle notwendigen Einstellungen in diese Datei zu schreiben.

Sollte noch keine Datenbank angelegt sein, holen wir das nun nach. Als nächstes rufen wir das Installtool auf. Es befindet sich unter http://deine-domain.org/typolight/install.php. Zunächst sollen wir ein Passwort eingeben. Beim Erstaufruf des Installtools lautet es "typolight".
 

Wir können nun das Passwort für spätere Aufrufe – zum Beispiel für Updates – ändern. Anschließend geben wir einen Encryption Key ein. Alternativ können wir es auch generieren lassen. Mit diesem Schlüssel speichert TYPOlight verschlüsselte Daten. Er wird ebenfalls für die Entschlüsselung benötigt. Es folgen die Angaben für die Datenbankverbindung und das Update der Datenbank. Bei der Erstinstallation werden nun alle Tabellen für TYPOlight angelegt.

Anschließend kann man eine Beispielwebsite importieren. Davon sehen wir aber ab und legen später die Seitenstruktur nach unseren Bedürfnissen an. Zum Schluss legen wir den Adminuser an.

ChangeLanguage installieren

Zunächst entpacken wir das Archiv des ChangeLanguage Plugins und legen das entsprechende Verzeichnis im Ordner system/modules unserer TYPOlight-Installation ab. Nun rufen wir nochmals das Installationsscript auf.

Unter dem Punkt Datenbanktabellen erhalten wir den Hinweis, dass die Datenbank aktualisiert werden muss. Mit einem Klick auf "Update database" erledigt TYPOlight das für uns. Schon ist das Plugin installiert .

Konfiguration

Module

Als nächstes können wir uns am Backend unter http://deine-domain.org/typolight/ mit den vorher erstellten Adminuser anmelden. Überlegen wir erstmal, welche Module wir benötigen. Wir brauchen:

• eine Navigation
• die Texte unserer Website
• die Sprachauswahl

Wir rufen also in der Navigation unter Layout "Module" auf und legen mit einem Klick auf "Neues Modul" ein solches an. Als Name tragen wir Navigation ein und wählen bei Modultyp das Navigationsmenü. Die restlichen Optionen können wir ignorieren. Mit speichern und schließen kommen wir zu der Übersicht unserer Module zurück.

Das Modul Artikel steht standardmäßig zur Verfügung und muss nicht explizit angelegt werden. Also geht es mit der Sprachauswahl weiter. Wie zuvor erstellen wir ein neues Modul. Als Name verwenden wir Language Switch, als Modultyp den Sprachwechsler unter Verschiedenes. Die Standardeinstellung gibt das jeweilige Kürzel aus, z.B. DE für deutsch. Wir können die aktive Sprache auch ausblenden lassen. Mit "Bilder verwenden" werden anstatt Textlinks kleine Grafiken mit den jeweiligen Fahnen ausgegeben. Und zu guter Letzt können wir auch eigene Bezeichnungen verwenden.
 

Seitenlayout

Nachdem wir nun alle Module erstellt haben, wenden wir uns dem Seitenlayout zu. Das Erstellen eines eigenen Templates würde den Rahmen dieses Tutorials sprengen, weshalb ich hier nicht näher darauf eingehe. Bei Bedarf erstelle ich auch hierfür ein Tutorial; einfach in den Kommentaren den Wunsch äußern .

Unter dem gleichnamigen Navigationspunkt finden wir bereits ein Standardlayout. Wenn nicht legen wir es kurzerhand an, ansonten bearbeiten wir es. Wenn das Feld "Standardlayout" markiert ist, wird dieses allen Seiten zugewiesen, denen nicht expliziet ein anderes Layout zugewiesen wird. Unter dem Punkt "Spalten" wählen wir die Option mit einer linken Spalte und einem Hauptbereich. Außerdem wählen wir das Feld "Kopfspalte hinzufügen". Unter "Eingebundene Module" sollten wir das Modul Artikel mit der Zuweisung für die Spalte "main" vorfinden.
 

Durch klick auf das Plus-Icon duplizieren wir diesen Eintrag. Als Modul wählen wir Language Switch und weisen dieses der Spalte "header" zu. Wieder duplizieren wir einen Eintrag, wählen diesmal das Modul Navigation und weisen es der Spalte "left" zu. Jetzt noch auf "speichern und schließen" klicken, und schon haben wir ein Seitenlayout.

Struktur

Nun legen wir die Seitenstruktur an. Wir wählen "Neue Seite" an und klicken auf das Clipboardicon von "TYPOlight webCMS". Als Seitenname tragen wir Deutsch ein und wählen unter Seitentyp "Startpunkt einer neuen Webseite". Unter Sprache kommt folgerichtig de und wir wählen zudem die Option Sprachen-Fallback. TYPOlight zeigt dem Bensucher die Sprachversion, die im Browser eingestellt ist. Ist diese nicht angelegt, soll die deutsche Variante angezeigt werden. Andernfalls würde die Meldung "No Pages found" ausgegeben. Jetzt noch die Option "Veröffentlich" am Ende der Seite auswählen und speichern.

Wir wiederholen den Schritt. Nur diesmal wird die neue Seite in dem soeben angelegten Startpunkt angelegt. Als Seitentyp wird nun Reguläre Seite, und als Name "Startseite" verwendet. Die nächsten Seiten können wir von der Startseite duplizieren. Wenn wir unsere gewünschte Struktur angelegt haben, duplizieren wir die gesamte Struktur ab den Startpunkt unseres deutschen Auftritts. Den Namen des neuen Startpunkts ändern wir in "english" ab und entsprechend verwenden wir "en" als Sprache. Die Option Sprachen-Fallback können wir hier deaktivieren; der Besucher wird notfalls auf die deutsche Seite weitergeleitet.

Inhalte

Kommen wir zu den Inhalten. In der Navigation finden wir unter Inhalte den Punkt Artikel. Darunter finden wir unsere Seitenstruktur wieder. Wir klicken auf das Icon Neuer Artikel und wählen die Seite, in dem wir einen Artikel anlegen wollen – zum Beispiel die Startseite.

Wir geben einen Titel für den Artikel an, mit dem wir diesen in der Übersicht leichter wiederfinden. Außerdem soll der Artikel in der Hauptspalte angezeigt werden. Das sollte allerdings schon voreingestellt sein. Am Ende der Seite wählen wir noch die Option Veröffentlicht. Wir klicken auf Speichern und bearbeiten und kommen somit in die Übersicht der Artikelelemente.

Wie den Artikel legen wir von hier aus einen Text an. Als Elementtyp wählen wir also Text und können nun den Text verfassen. Zusätzlich können wir für diesen Block eine Überschrift angeben. Überschriften sind aber auch als eigenständige Elementtypen verfügbar. Generell empfehle ich für jeden logisch zusammengehörigen Textabschnitt ein eigenes Element anzulegen. Denkbar wäre natürlich auch ein Element pro Absatz. Wir beenden die Texteingabe mit speichern und beenden. Damit gelangen wir zur Übersicht mit den Seiten und deren Artikeln zurück.

Nachdem wir unseren Text angelegt haben, klicken wir auf das Plus-Icon neben dem Artikel und duplizieren diesen. Als Ablageort verwenden wir die entsprechende Seite der anderen Sprachversion. Über das Stift-Icon kommen wir zur Übersicht der Artikelelemente und bearbeiten über das gleiche Icon unseren Text.

Das Ergebnis

Als nächstes rufen wir die Frontendvorschau auf. Alternativ können wir natürlich auch direkt den URL aufrufen. Wir sehen nun – wenn auch nicht sonderlich ansehnlich – das Frontend mit der Navigation, dem Artikel und unserer Sprachauswahl.

Fazit

Wie man sieht, ist es recht einfach multilinguale Seiten mit TYPOlight zu erstellen. Die Installtion sowie alle Optionen der einzelnen Seiten sind gut beschrieben. Zu dem gibt es mittlerweile Handbücher im PDF-Format auf der offiziellen Seite und im schlimmsten Fall findet man Hilfe im Forum.

Tags: cms open source tutorial TYPOlight/Contao