Was der Sprachumschalter von WPML leisten kann
Ohne zusätzliche Konfiguration erstellt WPML einen Sprachumschalter, der:
- jede aktive Sprache auf Ihrer Website in der von Ihnen gewählten Reihenfolge anzeigt.
- jede Sprache mit ihrem eigenen Namen (Deutsch, Français) oder in der aktuellen Sprache der Website (Deutsch, Französisch) beschriftet – Sie haben die Wahl.
- optional Flaggen anzeigt (ein Sprite, das mit Ihrem Theme skaliert).
- fehlende Übersetzungen elegant handhabt: Entweder wird die Sprache übersprungen, oder es wird auf die Startseite dieser Sprache verlinkt.
- in jedem WordPress-Menü, in jedem Widget-Bereich, in der Fußzeile oder inline über und unter Beiträgen platziert werden kann.
- als Gutenberg-Block für jedes Page-Builder-Layout verfügbar ist.
- auf bestimmten Seiten verborgen werden kann, wo er stören würde (404, Kasse, Konto).
- sein gerendertes HTML für schnelle Seitenladezeiten im Cache speichert.
Die meisten Websites verwenden die integrierten Platzierungen und die Standardeinstellungen. Theme-Autoren, die mehr Kontrolle benötigen, können mithilfe der API von WPML einen benutzerdefinierten Sprachumschalter im Code erstellen.
Wo sich die Einstellungen befinden
Öffnen Sie WPMLEinstellungenSprachumschalter. Die Seite ist nach Fragen gruppiert, nicht nach UI-Tabs. Wählen Sie den Abschnitt, der dem entspricht, was Sie ändern möchten.
Welche Sprachen in welcher Reihenfolge erscheinen
Die Karte Sprachumschalter-Optionen verfügt über einen Drag-and-Drop-Bereich, in dem jede aktive Sprache aufgelistet ist. Die Reihenfolge hier bestimmt die Reihenfolge in jedem Sprachumschalter auf der Website. Ziehen Sie die Sprachen nach oben oder unten und speichern Sie.
Wählen Sie in derselben Karte:
- Eigener Name vs. Name in der aktuellen Sprache. Zeigen Sie Deutsch (eigener Name) oder Deutsch (aktuelle Sprache) an. Der eigene Name ist für Sprecher dieser Sprache einladender; die aktuelle Sprache ist für Erstbesucher klarer.
- Flaggen ein oder aus, und das Flaggenformat.
Was passiert, wenn eine Übersetzung fehlt
Nicht jede Seite wird in jede Sprache übersetzt. Die Option Umgang mit Sprachen ohne Übersetzung entscheidet, was der Sprachumschalter für eine Sprache tut, die keine Übersetzung der aktuellen Seite hat:
- Sprache überspringen (Standard). Die Sprache verschwindet für diese Seite aus dem Sprachumschalter. Die sauberste UX; Besucher sehen nur Sprachen, die sie tatsächlich lesen können.
- Link zur Startseite der Sprache für fehlende Übersetzungen. Der Eintrag im Sprachumschalter zeigt stattdessen die Startseite der Sprache an. Nützlich, wenn Sie möchten, dass jede Sprache von jeder Seite aus immer erreichbar ist, Besucher könnten jedoch auf Inhalten landen, die sie nicht erwartet haben.
Diese Entscheidung hat Auswirkungen auf die UX, über die man bewusst nachdenken sollte.
Wo der Sprachumschalter erscheint
Fünf Platzierungen, die jeweils unabhängig voneinander auf derselben Einstellungen-Seite umgeschaltet werden können:
- Menü-Sprachumschalter. Fügen Sie den Sprachumschalter in ein beliebiges WordPress-Menü ein (Kopfzeile, Fußzeile, Seitenleiste, wo immer Ihr Theme Menüs zuweist). Fügen Sie mehrere hinzu, wenn Sie unterschiedliche Platzierungen pro Menü wünschen. Jeder Menü-Sprachumschalter erhält eine eigene Vorschauzeile, die zeigt, wo er sich befindet.
- Widget-Sprachumschalter. Fügen Sie den Sprachumschalter zu einem beliebigen Widget-Bereich hinzu, den Ihr Theme registriert: Seitenleisten, Kopfzeilenbereiche, Fußzeilenspalten.
- Sprachumschalter in der Fußzeile. Ein einziger globaler Schalter, der den Sprachumschalter automatisch am Ende jeder Seite rendert.
- Inline-Links zu Übersetzungen von Beiträgen. Ein einzelnes Kontrollkästchen, das Links wie „Dieser Beitrag ist in X verfügbar“ über oder unter jedem Beitrag anzeigt.
- Benutzerdefinierte Sprachumschalter. Wenn die integrierten Platzierungen nicht ausreichen, können Theme-Autoren die Sprachumschalter-API von WPML aus jeder Template-Datei aufrufen. Die Einstellungen-Seite bietet einen Anpassen-Button für die Rendering-Optionen.
Den Sprachumschalter auf bestimmten Seiten verbergen
Einige Seiten benötigen keinen Sprachumschalter: Ihre 404-Seite, Konto-Bildschirme, die Kasse. Die bedingten Anzeigeregeln von WPML ermöglichen es Ihnen, den Sprachumschalter pro Seite zu verbergen, ohne auf display:none-CSS in Ihrem Theme zurückgreifen zu müssen.
Sie legen seitenbezogene Regeln auf derselben Seite WPMLEinstellungenSprachumschalter fest. Wählen Sie die Seiten aus, auf denen der Sprachumschalter verborgen werden soll; die Regel gilt für alle Sprachumschalter-Platzierungen gleichzeitig.
URL-Parameter beibehalten
Wenn ein Besucher auf den Sprachumschalter klickt, erstellt WPML die URL für die Zielsprache neu. Standardmäßig werden Query-String-Parameter (?utm_source=newsletter, Filterparameter usw.) verworfen. Dies unterbricht Analytics-Kampagnen und gefilterte Auflistungen.
Das Feld URL-Argumente beibehalten listet Query-Schlüssel auf, die beim Wechsel beibehalten werden sollen. Alles, was Sie hier eintragen (eins pro Zeile), wird mit dem Besucher zur übersetzten URL übertragen.
Benutzerdefiniertes CSS für den Sprachumschalter
Ein einzelner Textbereich unter Zusätzliches CSS wendet das Styling auf jeden Sprachumschalter auf der Website gleichzeitig an. Nützlich, um den Sprachumschalter an Ihr Theme anzupassen, ohne Theme-Dateien zu berühren.
Das Sprachumschalter-Template im Cache speichern
WPML speichert das gerenderte HTML jeder Sprachumschalter-Platzierung im Cache, was die Seitenladezeiten auf einer stark frequentierten Website beschleunigt. Ab WPML 5.0 gibt es dafür keine Einstellung mehr: Der Cache ist aktiviert, wann immer das Cache-Verzeichnis von WPML beschreibbar ist.
Der Haken: Wenn Sie eine Sprachumschalter-Option ändern und Ihre Änderung im Frontend nicht sehen, ist der Cache der erste Ort, den Sie überprüfen sollten. Führen Sie Cache leeren unter WPMLSupport aus und laden Sie die Seite dann neu.
Benutzerdefinierte Sprachumschalter im Theme-Code
Für Websites, bei denen die integrierten Platzierungen nicht passen (ein Sprachumschalter an einer bestimmten Position innerhalb der Kopfzeile der Seite, ein benutzerdefiniertes Dropdown, das von Ihrem Theme gerendert wird, alles außerhalb eines WordPress-Menüs oder Widget-Bereichs), bietet WPML eine API, mit der Theme-Autoren einen benutzerdefinierten Sprachumschalter erstellen können.
Die Karte Benutzerdefinierte Sprachumschalter verfügt über einen Aktivieren-Schalter und einen Anpassen-Button. Sobald dies aktiviert ist, kann der Theme-Template-Code den Sprachumschalter mithilfe der dokumentierten PHP-API von WPML überall rendern.
