Eine mehrsprachige Website

Dieses Tutorial zeigt dir, wie du eine mehrsprachige Website in Joomla 4 mit dem Standardtemplate Cassiopeia einrichtest.

Joomla ermöglicht es dir, auf einfache Weise eine mehrsprachige Website zu erstellen, ohne dass wir eine Erweiterung eines Drittanbieters installieren müssen.

Eine mehrsprachige Joomla-Website beginnt mit der Installation der Sprachen, der Erstellung verschiedener Inhaltselemente und endet mit der Veröffentlichung des Inhalts. Hier sind detaillierte Schritte zur Erstellung einer mehrsprachigen Website.

Sprachen installieren

Es gibt zwei Möglichkeiten, um Sprachen auf einer Joomla-Website zu installieren. Ich wähle in der Regel die Installation über den Live-Server.

Sprachen installieren per Live Server

1. Dafür melde ich mich im Joomla-Administrationsbereich an und öffne das Menü System > Installieren > Sprachen.

2. Dann installiere ich die gewünschte Sprache, indem ich auf die Schaltfläche Installieren klicken.

Dabei gibt es keine Begrenzung. Es ist möglich, alle Sprachen zu installieren, die als Joomla-Sprachpaket angeboten werden.

Sprachen manuell installieren

Neben der Installation über den Live Server ist eine manuelle Installation möglich. Öffne dazu die Website Joomla Community Übersetzungspakete[^community.joomla.org/translations.html]. Hier gibt es für jede Sprache ein Zip-Paket, welches per System > Installieren > Erweiterungen > Installationspaket hochladen installierbar ist.

Inhaltssprachen aktivieren

An dieser Stelle ist es meiner Meinung nach wichtig, den Unterschied zwischen Inhaltssprache und Systemsprache zu kennen. Die Systemsprache ist einfach ausgedrückt die, die die Menüpunkte im Backend übersetz oder im Frontend beschreibende Texte wie “Autor” oder “Erstellt am:” . Der Text eines Artikels ist im Gegensatz dazu der eigentliche Content, also der Inhalt. Damit die Inhalte der Website der richtigen Sprache zugeordnet werden und auch Maschinen einen Text in die korrekte Sprache einordnen, konfigurieren wir die Inhaltsprachen.

1. Das konfigurieren der Inhaltssprache geschieht im Menü System > Verwalten > Sprachen > Inhaltssprachen.

2. Wir wählen alle Sprachen aus, in denen wir Content oder Inhalte anbieten möchten. In der Regel stimmten die Inhaltssprachen mit den für das System installierten Sprachen überein.

Aktivieren der Sprach-Plugins

Im nächsten Schritt aktivieren wir zwei Plugins, die zum Betrieb der mehrsprachigen Website notwendig sind.

Das System Language Filter Plugin hilft dir, den Inhalt auf der Grundlage der Sprachauswahl auf der Website anzuzeigen. Dieses Plugin muss aktiviert sein. Bei der Sprachenerkennung für neue Websitebesucher sind folgende Punkte entscheidend:

1. Das Cookie eines vorhergehenden Besuchs.
2. Die Einstellung “Sprachauswahl für neue Besucher” in diesem Plugin.
3. Gegebenenfalls die im Browser eingestellte Sprache.

Das System Language Code Plugin hilft dir, den Sprachcode im HTML-Code der Website zu verstecken. Es spielt eine wichtige Rolle bei der Suchmaschinenoptimierung.

Hier die Schritte, um diese 2 Plugins zu aktivieren:

1. Gehe zu System > Verwalten > Plugins

2. Verwende Suchbegriffe in der Suchleiste, um die Plugins zu finden.

3. Aktiviere die beiden Plugins: System - Sprachfilter und System - Sprachcode.

Mehrsprachiger Inhalt

Sobald die Sprach-Plugins aktiviert sind, können wir damit beginnen, neue Inhalte für jede Sprache hinzuzufügen. Als Beispiel haben ich auf der Demo-Website in diesem Tutorial die Sprachen Deutsch, Spanisch und Französisch zur schon vorinstallierten englischen Sprache hinzugefügt. Die meistgenutztesten Inhalte auf einer Joomla-Website sind Artikel, Kategorien und Module.

Neue Kategorien hinzufügen

Um den Inhalt der Website besser zu strukturieren Ich lege für jede Inhaltssprache ein Kategorie an. Um Inhalte in verschiedenen Sprachen zu erstellen, müssen wir für jede Sprache eine neue Kategorie hinzufügen.

1. Rufe das Menü Inhalt > Kategorien auf und erstelle eine neue Kategorie.
2. Wähle im rechten Bereich die Sprache für die Kategorie aus dem Auswahlfeld Sprache aus.
3. Speichere die Kategorie wenn du alle Inhalte ergänzt hast
4. Wiederhole diesen Vorgang für jede Inhaltssprache.

Neue Artikel hinzufügen

Artikel sind die wichtigste Inhaltskomponente der Website. Wie die meisten Inhaltstypen bieten sie die Möglichkeit, die Sprache festzulegen. Wenn als Sprache All ausgewählt wird, wird der Inhalt allen Inhaltssprachen zugeordnet.

Um Artikelinhalte in verschiedenen Sprachen zu erstellen, fügen wir für jede Sprache einen neuen Artikel hinzufügen.

1. Rufe das Menü Inhalt > Artikel auf und erstelle einen neuen Artikel
2. Wähle im rechten Bereich die Sprache für den Artikel aus dem Auswahlfeld Sprache aus.
3. Speichere den Artikel wenn du alle Inhalte ergänzt hast
4. Wiederhole diesen Vorgang für jede Inhaltssprache.

Neue Module hinzufügen

Um einen Inhalt an einer bestimmten Position auf festgelegten Unterseiten der Website anzuzeigen nutzen wir Module. Ein Modul ist ebenfalls einer Inhaltssprache zuordenbar.

Auf einer mehrsprachigen Website können wir für jede Sprache unterschiedliche Module anzeigen, je nachdem, welcher Sprache der Inhalt des Moduls zugewiesen ist. Praktisch nutzen wir dies später in diesem Text, um die zur Inhaltssprache passende Navigation anzuzeigen.

Das Menüsystem für eine mehrsprachige Website einrichten

Menüs für jede Sprache hinzufügen

Bei einer mehrsprachigen Website legen wir für jede Sprache ein eigenes Menü an, um eine bessere Kontrolle über Navigation zu haben. Nachfolgend die Schritte im einzelnen:

1. Navigiere zu Menü > Manage und erstelle ein neues Menü

2. Wähle im rechten Bereich die Sprache für das Menü aus dem Auswahlfeld Sprache aus.
3. Speichere das Menü
4. Wiederhole diesen Vorgang für jede Inhaltssprache.

Ein Modul für jedes Menü anlegen

Ein Menü wird in Joomla in der Regel über ein Modul angezeigt. Unser Ziel ist es, dass das englische Menü - und nur dieses - angezeigt wird, wenn als Inhaltssprache die englische gewählt ist. Das gleiche gilt analog für jede weitere Inhaltssprache. Um unser Ziel zu erreichen installieren wir für jedes Menü ein Modul, also für jede Inhaltssprache. Dieses Modul ordnen wir der passenden Sprache zu:

1. Navigiere zu Content | Site Module und lege ein neues Menü Module an.

2. Wähle das passende Menü und im rechten Bereich die Sprache für das Module aus dem Auswahlfeld Sprache aus.

3. Speichere das Modul
4. Wiederhole diesen Vorgang für jede Inhaltssprache.
5. Das Hauptmenü, welches bei der Installation von Joomla automatisch angelegt wurde, benötigen wir nicht mehr und deaktivieren es aus diesem Grund.

6. Überzeuge dich davon, dass im Frontend jederzeit lediglich das zur Inhaltssprache passende Menü angezeigt wird.

Menüpunkte für jede Sprache hinzufügen

Sobald das Menü für jede Sprache erstellt ist, fügen wir neue Menüpunkte hinzu.

1. Öffne das englische Menü und klicke auf Neuen Menüpunkt hinzufügen in der Werkzeugleiste.
2. Wähle im rechten Bereich die Sprache für den Menüpunkt aus dem Auswahlfeld Sprache aus. Stelle sicher, dass das korrekte Menü selektiert ist. Lege den Menüpunkt als Standardmenüpunkt fest, falls du dies möchtest.

3. Speichere den Menüpunkt
4. Wiederhole diesen Vorgang für jede Inhaltssprache.

Mehrsprachige Assoziationen

Mehrsprachige Assoziationen werden verwendet, um Artikel oder Menüpunkte einer Sprache in eine andere Sprache umzuleiten, wenn wir auf die Flagge für die Sprachumschaltung klicken. Websitebesucher erwarten, dass sie zur englischen Version eines Artikels gelangen, wenn sie die Inhaltssprache von deutsch auf englisch wechselen. Dies ist allerdings nur möglich, wenn Joomla weiß, welche Artikel oder Menüpunkte zueinander gehören. Sprachverknüpfungen teilen Joomla diese Information mit. Wenn wir die Sprachverknüpfungen nicht setzen, werden wir zum Standardmenünkt einer Sprache weitergeleitet, wenn wir die Inhaltssprache im Frontend wechselen. Dies ist nicht gewünscht und deshalb verknüpfen wir die Inhalte.

Assoziationen

Wenn wir einen Menüpunkt hinzufügen und diesem eine Sprache zuweisen, werden die Optionen für Assoziationen angezeigt. Wir finden diese auf der Registerkarte Assoziationen. Auswählbar sind die Menüpunkte anderer Inhaltssprachen.

Assoziationen finden wir auch bei anderen Joomla Elemente. Beispielsweise bei Artikeln.

Die Komponente Mehrsprachige Assoziationen - Sprachverknüpfungen

Die Komponente Mehrsprachige Assoziationen oder Sprachverknüpfungen ist ein Werkzeug, das es ermöglicht, assoziierte Elemente nebeneinander zu bearbeiten, ohne hin und her wechseln zu müssen. Sehr komfortabel ist es möglich, ein Element in mehreren Sprachen zu erstellen und gleichzeitig zu assoziieren. Die Side-by-Side-Ansicht ermöglicht es uns, die Elemente nach Auswahl eines Referenzelements zu bearbeiten.

Um zu dieser Komponente zu gelangen, navigieren wir zu Komponenten > Mehrsprachige Zuordnungen / Sprachverknüpfungen.

Standardseite für jede Sprache festlegen

Die Standardseite ist die Startseite für jede Sprache. Lege in jedem Menü einen Standardmenüpunkt fest. Wenn du beispielsweise im englischen Hauptmenü auf den Menüpunkt Home als Standard klickst, wird dieser zum Standardmenüpunkt für englischsprachige Seiten.

1. Öffnen das englische Hauptmenü und klicke wir auf das Kreissymbol, um den Menüpunkt als Standard für diese Sprache festzulegen.

2. Wiederhole diesen Vorgang für jede Inhaltssprach

Sprachumschalter-Modul

Dieses Modul zur Sprachumschaltung zeigt eine Liste der verfügbaren Inhaltssprachen an. So kann zwischen diesen hin und her gewechselt werden. Voraussetzung ist, dass Joomla als mehrsprachige Website eingesetzt wird und die Inhaltssprachen wie zurvor erklärt definiert und veröffentlicht wurden.

1. Um den Sprachumschalter einzurichten navigiere zu Content | Site Module und lege ein neues Language Switcher Module an.

2. Ich ordne das Modul der Position languageswitcherload zu.

3. Sobald das Modul veröffentlicht ist, können wir es im Frontend nutzen.

Fertig!