Navigation überspringen
Aktualisiert
Mai 24, 2024

Mit WPML können Sie einen Sprachumschalter in das Menü Ihrer Website, als Widget oder in den Footer einfügen. Sie können auch Flaggen einfügen, Sprachen in ihren ursprünglichen Namen anzeigen und ein maßgeschneidertes Styling hinzufügen.

Ein Sprachumschalter ermöglicht es Besuchern, die Sprache auszuwählen, in der sie Ihre Inhalte lesen möchten. Je nach Vorliebe können Sie es an verschiedenen Stellen Ihrer Website anzeigen.

Sie können Ihren Sprachumschalter z.B. als Menü im Header-Bereich platzieren.

Language switcher in the header section
Sprachumschalter in der Header-Sektion

Wenn Sie das Design Ihrer Header nicht bearbeiten möchten, können Sie den Sprachumschalter auch am unteren Rand des Footer-Bereichs platzieren.

Language switcher in the footer section
Sprachumschalter in der Footer-Sektion

Mit WPML können Sie ganz einfach Sprachumschalter auf Ihrer Website hinzufügen, wie die oben gezeigten Funktionen. Um dies zu tun:

  1. Entscheiden Sie, wo Sie den Sprachumschalter anzeigen möchten
  2. Fügen Sie eine Flagge zu Ihrem Sprachumschalter hinzu (oder auch nicht)
  3. Gestalten Sie Ihren Sprachumschalter

Denken Sie daran, Ihre Website zu übersetzen

Wenn Sie einen Sprachumschalter hinzufügen, wird Ihre Website nicht automatisch in mehr Sprachen verfügbar. Um zusätzliche Sprachen auf Ihrer Website anzubieten, müssen Sie sie zunächst übersetzen.
Erfahren Sie, wie Sie Ihre Website mit WPML einfach übersetzen können.

1. Entscheiden Sie, wo der Sprachumschalter angezeigt werden soll

WPML fügt standardmäßig einen Sprachumschalter in den Footer Ihrer Website ein. Es gibt jedoch viele andere Stellen auf Ihrer Website, an denen Sie einen Sprachumschalter hinzufügen können:

  • Menüs und Widgets
  • Über oder unter dem Inhalt des Beitrags
  • Templates, Template-Teile und Website-Navigation

Möchten Sie einen Sprachumschalter zu Template-Dateien mit PHP oder einer Seite oder einem Beitrag mit Shortcodes hinzufügen? Lesen Sie mehr über das Hinzufügen von Sprachumschaltern zu maßgeschneiderten Standorten.

Um Sprachumschalter für diese speziellen Bereiche hinzuzufügen und anzupassen, gehen Sie im WordPress Dashboard zu WPML Sprachen.

Von hier aus können Sie dem Menü oder einem Widget neue Sprachumschalter hinzufügen oder den Standard-Sprachumschalter in der Fußzeile bearbeiten.

Hinzufügen oder Bearbeiten eines Sprachumschalters

Sprachumschalter über oder unter dem Inhalt des Beitrags hinzufügen

Sie können auch einen Link zu den Übersetzungen eines Beitrags oder einer Seite über oder unter dem Inhalt des Beitrags setzen. Hier werden die anderen verfügbaren Übersetzungen als Link angezeigt.

Um dies zu aktivieren, gehen Sie zu WPMLSprachen und scrollen Sie nach unten zu Links zur Übersetzung von Beiträgen. Markieren Sie das Kästchen, um alle Optionen zu sehen.

Aktivieren von Links zur Übersetzung von Beiträgen

Hinzufügen eines Sprachumschalter-Blocks zu einem Template, Template Teil oder einer Navigation

Wenn Sie den Website-Editor von WordPress (früher bekannt als Full Site Editing) verwenden, können Sie mit dem WPML Language Switcher-Block einen Sprachumschalter zu jedem Template oder Template-Teil hinzufügen.

Hinzufügen eines Sprachumschalter-Blocks zur Website-Vorlage

Damit der Sprachumschalter-Block in Ihren sekundären Sprachen angezeigt wird, müssen Sie ihn übersetzen.

  1. Gehen Sie zu WPMLÜbersetzungsmanagement.
  2. Suchen Sie nach dem Teil Ihrer Website, dem Sie den Sprachumschalter-Block hinzugefügt haben (Template, Template-Teil, Navigation der Website usw.).
  3. Senden Sie es zur Übersetzung.
Übersetzen des Vorlagenteils, der den Sprachumschalter-Block enthält
  1. Wenn Sie ihn mit dem Erweiterten Übersetzungs-Editor übersetzen, kopieren Sie die Felder des Sprachumschalters in die Sekundärsprache und klicken Sie auf Fertig stellen.
Kopieren des Feldes Sprachumschalter aus der Standardsprache

Der Sprachumschalter wird nun in Ihrer zweiten Sprache angezeigt.

2. Fügen Sie Ihrem Sprachumschalter eine Flagge hinzu (oder auch nicht)

Um eine Flagge im Sprachumschalter-Block hinzuzufügen oder zu entfernen, verwenden Sie den Umschalter in den Sprachumschalter-Anzeigeeinstellungen in der Seitenleiste.

Hinzufügen einer Flagge zum Sprachumschalter-Block

Um eine Flagge an einer anderen Stelle hinzuzufügen oder zu entfernen, gehen Sie zu WPMLSprachen und bearbeiten Sie den Sprachumschalter, den Sie ändern möchten. Aktivieren oder deaktivieren Sie dann die Option Flagge.

Hinzufügen einer Flagge zu einem Sprachumschalter in einem Footer

WPML enthält mindestens eine Landesflagge für jede vorkonfigurierte Sprache. Standardmäßig verwenden die Flaggen das SVG-Format. Sie können die Flaggen jedoch stattdessen mit PNG anzeigen, indem Sie die Einstellung in WPML Sprachen ändern.

%%tb-image-alt-text%%
Die Auswahl des Flaggen-Dateiformats in WPML Sprachen

Sie können auch Ihre eigenen, maßgeschneiderten Flaggen hochladen. Lesen Sie mehr darüber, wie Sie Ihrem Sprachumschalter maßgeschneiderte Sprachflaggen hinzufügen können.

3. Gestalten Sie Ihren Sprachumschalter

Sie können nicht nur eine Flagge anzeigen oder nicht, sondern auch andere Aspekte Ihres Sprachumschalters anpassen. Dazu gehören die Einstellung der Reihenfolge der Sprachen, die Anzeige der Sprachen in ihren ursprünglichen Namen und die Einstellung der Farbeinstellungen.

Sprachumschalter für das Menü im Frontend

Globale Einstellungen

Sie können globale Einstellungen für alle Sprachumschalter auf Ihrer Website vornehmen, z. B. die Reihenfolge der Sprachen. Gehen Sie dazu zu WPMLSprachen und scrollen Sie zu den Sprachumschalter-Optionen. Diese Optionen gelten für alle Sprachumschalter auf Ihrer Website.

Der Hauptbereich der Sprachumschalter-Optionen

Einstellungen pro Sprachumschalter

Sie können auch Einstellungen für jeden einzelnen Sprachumschalter festlegen. So haben Sie die volle und unabhängige Kontrolle darüber, was es enthält und wie es aussieht. Die Optionen, die Sie für die Sprachumschalter an jedem Ort anwenden, gelten nur für diesen Sprachumschalter.

Sie können z.B. nur die Flaggen im Menü anzeigen lassen, aber die Flaggen und den Namen der Sprache in der Fußzeile.

Um diese Einstellungen im Sprachumschalter-Block zu ändern, wählen Sie den Block aus und passen die Einstellungen in der Seitenleiste an.

Sprachumschalter-Blockeinstellungen

Für andere Sprachumschalter gehen Sie zu WPMLSprachen und bearbeiten den jeweiligen Sprachumschalter, den Sie anpassen möchten.

Einstellungen für den Sprachumschalter im Footer

Wenn Sie die Einstellungen des Sprachumschalters ändern, wird die Vorschau aktualisiert. Die Vorschau ist eine „schematische Darstellung“. Es lädt nicht das Frontend-CSS, so dass der eigentliche Sprachumschalter anders gestaltet wird. Es zeigt Ihnen jedoch die Wirkung der verschiedenen Optionen, Farbeinstellungen, Reihenfolge und Inhalte.

Maßgeschneiderte Sprachumschalter

Standardmäßig verwendet WPML die CSS-Regeln Ihres Themes, um den Sprachumschalter an das Design und den Stil Ihrer Website anzupassen. Wenn Sie mehr Anpassungsmöglichkeiten benötigen, können Sie über die PHP-API maßgeschneiderte Sprachumschalter erstellen. Dieser Ansatz erfordert PHP-Kenntnisse.

Ein maßgeschneiderter fließender Sprachumschalter

Problembehandlung von Sprachumschaltern

Mit WPML hinzugefügte Sprachumschalter sehen in den meisten Themes gut aus. Wenn der Sprachumschalter mit Ihrem Theme nicht korrekt angezeigt wird, könnte ein CSS-Konflikt vorliegen. Lesen Sie unsere Anleitung zur Behebung von Styling-Problemen bei Sprachumschaltern.

Sie haben WPML noch nicht?

Mit WPML können Sie ganz einfach einen Sprachumschalter auf Ihrer Website hinzufügen und anpassen. Besuchen Sie unsere Seite mit den Preisen, um den richtigen Tarif für Ihre Website zu finden.

Wenn Sie mehr über den Aufbau einer mehrsprachigen Website mit WPML erfahren möchten, besuchen Sie unseren Leitfaden zur Übersetzung Ihrer Website mit WPML.