Last Updated on 11/10/2021 by MTE Leben
In diesem Tutorial erfahren Sie, wie Sie mit dem WPML-Plugin einen Sprachumschalter in einem der Menüs hinzufügen, um es den Besuchern der Website zu erleichtern, Ihre Website von Sprache zu Sprache zu wechseln.
Hinzufügen von WPML-Sprachumschalter zu Menü
Sie können dem Menü direkt aus Ihrem WordPress-Dashboard einen Sprachumschalter hinzufügen. Um dies zu tun, navigieren Sie bitte zu WPML > Registerkarte Sprachen auf der linken Seite.
Scrollen Sie hier die Seite nach unten und suchen Sie den Manu-Sprachumschalterblock.
Fügen wir Ihrer Website einen neuen Sprachumschalter hinzu. Klicken Sie dazu auf + Neuen Sprachumschalter zu einem Menü hinzufügen. Ein neues Popup-Fenster mit den Einstellungen für den neuen Menü-Sprachumschalter wird geöffnet.
Wählen Sie im Menüblock ein Menü aus, in dem Sie einen Sprachumschalter anzeigen möchten (dies hängt von den Menüs und Menüpositionen ab, die in Ihrem Thema verfügbar sind; in unserem Fall werden wir hinzufügen einen Sprachumschalter zum Hauptmenü).
Wählen Sie die Menüposition. Aktivieren Sie dazu Erstes Menüelement oder Letztes Menüelement, um den Sprachumschalter als erstes oder letztes Element des Menüs anzuzeigen.
Wählen Sie den Stil der Menüelemente Sprache, um lassen Sie den Sprachumschalter den gleichen Stil wie die anderen Menüelemente anzeigen. Sie können aus diesen zwei Stilen wählen:
- Dropdown – gut für Menüs, die Dropdown unterstützen.
- Liste der Sprachen – für Menüs die Elemente als Liste anzeigen.
Fahren wir mit Was in den Sprachumschalterblock aufzunehmen fort. Hier können Sie auswählen, welche Elemente Sie im Sprachumschalter-Menü anzeigen möchten. Hier ist die Liste der Elemente:
- Flag;
- Name der Muttersprache;
- Sprachname in aktueller Sprache;
- Aktuelle Sprache.
Navigieren Sie zum Farbblock des Sprachumschalters, wo Sie eines der verfügbaren Farbthemen für den Sprachumschalter auswählen können (grau, weiß oder blau). Sie können auch die Farben des Sprachumschalters anpassen:
- Aktuelle Schriftfarbe der Sprache;
- Aktuelle Hintergrundfarbe der Sprache;
- Andere Schriftfarbe;
- Andere Sprache Hintergrundfarbe.
Auf diese Weise können Sie dafür sorgen, dass ein Sprachumschalter die gleichen Farben verwendet, die Ihr Design verwendet.
Wenn Sie mit dem von Ihnen erstellten Farbschema nicht zufrieden sind, wählen Sie Alle Farben löschen im Menü Farbthemen. Alle Farben werden auf die Standardfarben zurückgesetzt.
Rechts sehen Sie den Vorschaublock, in dem Sie sehen können, wie Ihr Sprachumschalter-Menü aussieht.
Nachdem Sie das Sprachumschaltmenü eingestellt haben, klicken Sie bitte auf die Schaltfläche Speichern, um die Änderungen zu speichern.
Hier sehen Sie ein Beispiel, wie ein Sprachumschalter im Frontend aussehen könnte.
