Ein Sprachumschalter ermöglicht es Besuchern, die Sprache auszuwählen, in der sie Ihren Inhalt lesen wollen. Mit WPML können Sie auf verschiedene Weise einen Sprachumschalter hinzufügen: in einem Menü, als Widget oder im Footer der Website. Sie können dies auch verwenden, um Links über oder unter Ihren Beiträgen anzuzeigen und diese in anderen Sprachen anzubieten.
Mit WPML hinzugefügte Sprachumschalter sehen in den meisten Themes super aus. Sollte der Sprachumschalter in Ihrem Theme nicht richtig angezeigt werden, könnte dies an einem CSS-Konflikt liegen. Lesen Sie unseren Ratgeber zur Behebung von Gestaltungsproblemen für Sprachumschalter.
Um Sprachumschalter hinzuzufügen und anzupassen, gehen Sie auf WPML → Sprachen im WordPress-Dashboard.
Globale Sprachumschalter-Optionen
Sprachumschalter-Optionen sind globale Einstellungen, wie die Reihenfolge der Sprachen. Bitte beachten Sie, dass diese Optionen auf alle Sprachumschalter angewendet werden, die Sie hinzufügen.
Einstellung für die Beibehaltung von URL-Argumenten
Im Abschnitt Sprachumschalter-Optionen befindet sich auch die Option URL-Argumente beibehalten.
Einige Plugins nutzen URL-Argumente und womöglich wollen Sie diese beim Wechsel von Sprachen beibehalten – das ist der Zweck dieser Funktion. Die Argumente, die Sie beibehalten wollen, sollten hier als durch Kommata getrennte Liste hinzugefügt werden.
Sehen wir uns einmal das folgende Anwendungsbeispiel für diese Funktion an:
- Angenommen, Sie fügen die folgenden Argumente hinzu: bar, foo.
- Sie übersetzen den „Hallo Welt“-Beitrag.
- Öffnen Sie im Frontend den „Hallo Welt“-Beitrag und fügen Sie am Ende der URL dies hinzu: ?bar=10&foo=100&lost=1000 (beachten Sie, dass wir die beiden Argumente + das Argument lost hinzugefügt haben)
- Schalten Sie die Sprache um – die URL wird nur auf ?bar=10&foo=100 enden
Konfiguration von Sprachumschaltern
Sie können Sprachumschalter an drei verschiedenen Stellen auf Ihrer Website einfügen: im Menü, in einem Widget oder im Footer. Die Optionen, die Sie an der jeweiligen Stelle auf die Sprachumschalter anwenden, gelten nur für den betreffenden Sprachumschalter. Beispielsweise können Sie im Menü nur Flaggen anzeigen, aber im Footer Flaggen und den Namen der Sprache.
Wenn Sie einen Sprachumschalter konfigurieren, können Sie eine Arbeitsvorschau davon sehen, wie auf dem folgenden Bild gezeigt.
Jeder Abschnitt hat seinen eigenen Button zum Hinzufügen eines neuen Sprachumschalters, ein Bleistift-Symbol zum Bearbeiten des vorhandenen Umschalters und ein Papierkorb-Symbol zum Löschen eines Sprachumschalters.
Volle Kontrolle über jeden einzelnen Sprachumschalter
Jede Art von Sprachumschalter hat ihre eigenen Einstellungen. So können Sie vollständig und unabhängig kontrollieren, was der Sprachumschalter enthält und wie er aussieht.
Das folgende Bild zeigt zum Beispiel eine Dialogbox mit Einstellungen für den Sprachumschalter im Footer.
Live-Vorschau, der die Optionen des Sprachumschalters zeigt
Wenn Sie die Einstellungen des Sprachumschalters ändern, aktualisiert sich die Vorschau. Diese Vorschau ist „schematisch“. Sie lädt nicht die Frontend-CSS (es ist keine gute Idee, diese im WordPress-Adminbereich zu laden), der tatsächliche Sprachumschalter wird also anders gestaltet sein. Die Vorschau zeigt Ihnen jedoch die Wirkung der verschiedenen Optionen, der Farbeinstellungen, der Reihenfolge und des Inhalts.
HTML-Struktur von Menü-Sprachumschaltern
WPML stellt Sprachumschalter nicht mit seiner eigenen HTML dar. Stattdessen fügt es die Sprachumschalter-Elemente in die Menüstruktur ein. So stellt Ihr Theme die Sprachumschalter genau wie die anderen Menüelemente dar.
Im Grunde sieht der Sprachumschalter so auf Ihrer Website besser aus und übernimmt das Aussehen der CSS-Regeln Ihres Themes.
Individuelle Anpassung der Menü-Sprachumschalter
Speziell für Menü-Sprachumschalter nutzt WPML die CSS-Klasse wpml-ls-menu-item. Dies vereinfacht die individuelle Anpassung Ihrer Menü-Umschalter-Elemente (Links).
Wenn Ihre Website zum Beispiel das Twenty Sixteen-Theme verwendet und Ihr Menü-Umschalter nur die Flaggen der Sprache anzeigt, sieht die Darstellung im Frontend seltsam aus. Wie Sie auf dem folgenden Bild sehen können, ist die Breite der Menüelemente merkwürdig groß.
Sie können dies ganz einfach beheben, indem Sie die CSS-Klasse wpml-ls-menu-item verwenden.
li.wpml-ls-menu-item ul li a {
width: auto;
}
Sie müssen die CSS-Datei Ihres Themes nicht bearbeiten, fügen Sie einfach benutzerdefinierte Regeln zum Abschnitt Zusätzliche CSS unter den Sprachumschalter-Optionen hinzu.
Nun verbessert sich die Breite der Listenelemente, wie auf dem folgenden Bild gezeigt.
Anpassung der Sprachumschalter-Flaggen
Sie können Ihren Sprachumschalter so konfigurieren, dass eine Länderflagge angezeigt wird. WPML bietet eine Reihe integrierter Flaggen. Wenn Sie eine benutzerdefinierte Flagge hochladen wollen, können Sie dies durch Aufrufen von WPML → Sprachen und Klicken auf Sprachen bearbeiten.
Per Standard wird die Größe von Flaggen automatisch auf 18 x 12 Pixel geändert, damit diese einheitlich erscheinen. Manchmal wollen Sie die Größe Ihrer Flaggen eventuell nicht ändern, da diese von CSS oder JavaScript gesteuert werden oder Sie eine animierte GIF anzeigen wollen. In solchen Fällen können Sie die automatische Änderung der Größe ausschalten, indem Sie Ihrer wp-config.php-Datei Folgendes hinzufügen:
define( 'WPML_DO_NOT_RESIZE_UPLOADED_FLAGS', true );
Sie können auch eine benutzerdefinierte Größe für alle Flaggen in einem Sprachumschalter auswählen, wenn Sie den Sprachumschalter hinzufügen oder bearbeiten.
Anzeigen der WPML-Sprachumschalter an benutzerdefinierten Stellen
Manchmal müssen Sie einen Sprachumschalter an einer speziellen Stelle einfügen. Dies können Sie in den PHP-Vorlagen Ihres Themes oder direkt auf den Seiten bzw. in den Beiträgen tun.
Bitte beachten Sie, dass die globalen Einstellungen für die Sprachumschalter an den benutzerdefinierten Stellen an derselben Stelle vorgenommen werden wie die für die anderen Umschalter auf Ihrer Website – im Abschnitt Sprachumschalter-Optionen auf der Sprachen-Seite.
Mit PHP-Aktionen
Um den Sprachumschalter in den PHP-Template-Dateien Ihres Sprachumschalters anzuzeigen, können Sie die folgenden beiden Aktionen ausführen:
do_action('wpml_add_language_selector');– gibt den Sprachumschalter auf Basis der Optionen aus, die im Abschnitt Benutzerdefinierte Sprachumschalter eingestellt wurden.do_action( 'wpml_footer_language_selector');– gibt den Sprachumschalter auf Basis der Optionen aus, die im Abschnitt Footer-Sprachumschalter eingestellt wurden, selbst wenn die Option Sprachumschalter im Footer anzeigen deaktiviert ist.
Mit WPML-Shortcodes
In Beiträgen und auf Seiten können Sie einen der beiden WPML-Shortcodes unten verwenden. Auch hier liegt der Unterschied wieder darin, welcher Sprachumschalter angezeigt wird.
- [wpml_language_selector_widget] – gibt den Sprachumschalter auf Basis der Optionen aus, die im Abschnitt Benutzerdefinierte Sprachumschalter festgelegt sind.
- [wpml_language_selector_footer] – gibt den Sprachumschalter auf Basis der Optionen aus, die im Abschnitt Footer-Sprachumschalter festgelegt sind, selbst wenn die Option Sprachumschalter im Footer anzeigen deaktiviert ist.
Nutzung eines Shortcode-Blocks
Sie können Ihrer Sprache mit Hilfe eines Shortcode-Blocks einen Sprachumschalter hinzufügen. Sie können den Shortcode [wpml_language_selector_widget] oder [wpml_language_selector_footer] verwenden.
Sie können den Shortcode [wpml_language_selector_footer] selbst dann verwenden, wenn die Option Sprachumschalter im Footer anzeigen deaktiviert ist.
Wenn Sie den Shortcode [wpml_language_selector_widget] verwenden wollen, müssen Sie zuerst die Option Benutzerdefinierte Sprachumschalter auf der Seite WPML → Sprachen aktivieren.
Anzeige eines Sprachumschalters im Menü
Auf Wunsch können Sie auch Ihren eigenen, einzigartigen Sprachumschalter gestalten. Mit einem benutzerdefinierten Sprachumschalter können Sie alle Optionen ganz so einbeziehen, wie es Ihnen am besten gefällt. Oft wird dies zur Anzeige eigener Sprachflaggen oder für eine besondere Reihenfolge der Sprachen verwendet.
Sie können benutzerdefinierte Sprachumschalter mit PHP API erstellen. Dieser Ansatz erfordert PHP-Kenntnisse.