Sprachumschalter in WordPress hinzufügen

Du fragst dich, wie du auf deiner WordPress-Website einen Sprachumschalter hinzuzufügen kannst? Dann bist du hier genau richtig.

Wenn Sie Ihrer WordPress-Website eine „ Sprachwechsler “ hinzufügen und Ihre Seite content übersetzen, damit Besucher sie in ihrer eigenen Sprache lesen können, können Sie neue Märkte erschließen, Ihre Chancen für SEO und Online-Sichtbarkeit verbessern und Vertrauen bei neuen Zielgruppen aufbauen. Sie sind sich nicht sicher, welches Plugin Sie verwenden sollen? Sehen Sie sich unseren Vergleich der besten WordPress-Plugins für „ Sprachwechsler “ an.

Mit „ Weglot “ können Sie Ihrer WordPress-Website oder Ihrem „ WooCommerce “-Shop mehrere Sprachen hinzufügen, ohne dass eine „ code “ erforderlich ist, und jede Übersetzung im Kontext überprüfen, bevor sie veröffentlicht wird.

In diesem Artikel erhältst du eine detaillierte Schritt-für-Schritt-Anleitung, wie du einen Sprachwechsler zu deiner WordPress-Website hinzufügst und ihn optimal an das Design deiner Seite anpasst.

Anleitung: Hinzufügen eines Sprachumschalters in WordPress mit Weglot

Ein Sprachwechsler ein Navigationselement, mit dem Besucher ihre bevorzugte Sprache auswählen und zwischen den übersetzten Versionen Ihrer Website wechseln können. Sie können einen solchen Sprachwechsler zu jeder WordPress-Website hinzufügen, indem Sie ein Übersetzungs-Plugin installieren, Ihre Sprachen auswählen und den Sprachwechsler per Shortcode in Ihr Menü, widget oder auf eine Seite einfügen.

Weglot 2.0 baut auf dem Ihnen bekannten „ Weglot “ auf: einem KI-gestützten Übersetzungs-Plugin für WordPress, das automatisch eine „ Sprachwechsler “ hinzufügt, Ihre Website ohne „ code “ mithilfe von KI-Übersetzungen übersetzt, die auf Ihre Marke zugeschnitten sind, und SEO-optimierte Sprachunterverzeichnisse mit hreflang-Tags und übersetzten Metadaten erstellt. Sie können die „WordPress- Sprachwechsler “ an verschiedenen Stellen zu Ihrer Website hinzufügen, beispielsweise im Menü, in der „ widget “ oder im Quell code Ihrer HTML-Seite. 

In diesem Tutorial fügen wir der Navigation Ihrer Website einen „ Sprachwechsler “ hinzu. Standardmäßig fügt Weglot den „ Sprachwechsler “ unten rechts auf Ihrer Website ein. Anschließend zeigen wir Ihnen, wie Sie ihn entweder über Ihre Plugin-Einstellungen oder über WeglotVisual Editor, wo Sie mit dem Switcher-Editor auch das Design anpassen können. 

Schritt 1: Installieren und aktivieren Sie das Weglot

Installieren und aktivieren Sie das Plugin „Weglot “ auf Ihrer WordPress-Website. Erstellen Sie anschließend ein Konto unter Weglot : Bei der Einrichtung geben Sie die URL Ihrer Website ein, wählen Ihre Ausgangs- und Zielsprache aus und legen Ihre Markenstimme sowie Ihre Übersetzungsrichtlinien fest, damit die Übersetzungen Ihrem Schreibstil entsprechen. Unter Weglot dashboard können Sie Ihre Übersetzungen verwalten und bearbeiten sowie Ihren individuellen API-Schlüssel für die Integration kopieren.

Schritt 2: Weglot verbinden Weglot Sprachen auswählen

Klicken Sie in Ihrem WordPress- dashboard auf die Registerkarte „ Weglot “ und öffnen Sie „Einstellungen“und fügen Sie Ihren API-Schlüssel ein. Ihre Originalsprache und die Sprachen, die Sie bei der Erstellung Ihres Projekts ausgewählt haben, werden darunter angezeigt (um diese später zu ändern, rufen Sie Ihre „ Weglot “-dashboard auf). Klicken Sie auf „Speichern“. 

Schritt 3: Überprüfen Sie Ihre Website und Sprachwechsler

Ihre Website jetzt mehrsprachig! Weglot content Ihrer Website automatisch erkannt, mithilfe von KI übersetzt und in Sprachunterverzeichnissen angezeigt.

Werfen Sie einen Blick auf die Benutzeroberfläche Ihrer Website, und Sie werden Sprachwechsler rechts einen neuen Sprachwechsler sehen.

Wenn du darauf klickst, werden die verfügbaren Sprachen angezeigt. So kannst du ganz einfach die gewünschte Übersetzung auswählen und anzeigen lassen.

Dies ist das Standarddesign, das Weglot bereitstellt. Du kannst nun das Aussehen und die Position deines WordPress-Sprachumschalters auf verschiedene Weise individuell anpassen.

Anpassen des WordPress-Sprachumschalters

Um mit den grundlegenden Anpassungen zu beginnen, gehen Sie zu Weglot > Einstellungen im WordPress-Backend. Im Sprachwechsler Abschnitt dient zur Festlegung der Platzierung: in einem Menü, in einem „ widget “, über einen Shortcode oder im Quell code Ihrer Seite (wir gehen im Folgenden darauf ein):

Das Erscheinungsbild des Switchers wird im Switcher-Editor gestaltet, der über den Link „ Weglot“ Visual Editor , wenn Sie auf Ihrer Website auf „ Sprachwechsler “ klicken. Im Editor haben Sie folgende Auswahlmöglichkeiten:

• Ob ein Dropdown-Menü verwendet werden soll
• Ob du Flaggen verwenden möchtest und wenn ja, welche;
• Ob die Namen der Sprachen angezeigt werden sollen;
• Ob nur der Sprachcode angezeigt werden soll.

Außerdem gibt es ein Feld für benutzerdefiniertes CSS für Ihre eigenen Selektoren, darauf kommen wir gleich noch zurück. Lassen Sie uns zunächst die „ Sprachwechsler “ so anpassen, dass die Sprachnamen ohne Flaggen angezeigt werden, das Dropdown-Menü jedoch beibehalten wird.

Deaktivieren Sie dazu die Abkürzungen und aktivieren Sie die vollständigen Sprachbezeichnungen. Klicken Sie dann auf „Speichern“und sehen Sie sich anschließend Ihre Website an:

‍

Möglicherweise möchten Sie auch einige erweiterte Anpassungen vornehmen. Zeigen wir beispielsweise den Sprachwechsler Navigationsmenü oder Sprachwechsler der Seitenleiste an.

Sprachwechsler optionen

Sie können denSprachwechsler fünf Stellen einblenden:

• Menü: Gehen Sie zu „Darstellung“ > „Menüs“, wählen Sie Ihr Menü aus und aktivieren Sie Weglot “an und ziehen Sie es an die gewünschte Position.
• Widget: Gehen Sie zu „Darstellung“ > „Widgets“ und fügen Sie das Weglot Widget zu einem beliebigen widget (Kopfzeile, Seitenleiste oder Fußzeile) hinzu.
• Shortcode: Fügen Sie [weglot] in eine beliebige Seite, einen Beitrag oder eine Vorlage ein, in der der Umschalter angezeigt werden soll.
• HTML / Quellcode: Fügen Sie den Umschalter direkt in den HTML-Code Ihrer Seite ein, um die Platzierung vollständig selbst bestimmen zu können.
• Schwebende Schaltfläche: Der Umschalter wird in einer festen Ecke angezeigt, die beim Scrollen immer sichtbar bleibt (Weglot-Standard).

Der Switcher Weglot funktioniert mit allen WordPress-Themes, einschließlich FSE- und Block-Themes.

Um festzulegen, wo Ihr „ Sprachwechsler “ angezeigt wird, kehren Sie zum Sprachwechsler Abschnitt unter Weglot > Einstellungen (siehe oben) und folgen Sie dem Link auf der Karte für die gewünschte Platzierung. In diesem Fall gehen wir zu „Darstellung“ > „Menü“ und ändern per Drag & Drop die Reihenfolge der Menüpunkte. 

Sobald du fertig bist und deine Änderungen gespeichert hast, wirf einen Blick auf dein Frontend:

Das „ Sprachwechsler “ befindet sich zwar in der Kopfzeile, wird aber nicht korrekt angezeigt. Sie könnten statt eines Dropdown-Menüs auch Inline-Sprachcodes verwenden.

Erweitertes Sprachwechsler

Hier kommt CSS ins Spiel. Deaktivieren Sie im Switcher-Editor (mehr dazu weiter unten) das Dropdown-Layout, zeigen Sie anstelle der vollständigen Namen die Sprachcodes an und fügen Sie einige Selektoren für Ihre Schriftarten, Farben und die Textstärke hinzu, damit sich der Switcher an das Design Ihrer Website anpasst. So sieht das Ergebnis auf der Benutzeroberfläche aus:

Mit der richtigen Platzierung und ein paar Zeilen CSS kannst du den Sprachumschalter von Weglot schnell und einfach so anpassen, dass er perfekt zu deiner Website passt – ganz ohne aufwendige Template-Bearbeitung oder Kenntnisse in HTML und PHP. 

Bitte beachten Sie, dass individuelle CSS-Anpassungen völlig optional sind. Sie können das Design mithilfe der vorgefertigten Optionen im Switcher-Editor anpassen und ändern. 

Um ihn zu öffnen, rufen Sie Weglotauf Visual Editor und klicken Sie auf den „ Sprachwechsler “ auf Ihrer Website. Der Switcher-Editor wird neben einer Live-Vorschau angezeigt, sodass Sie jede Änderung sofort sehen können, und seine „Benutzerdefiniertes CSS“ (klicken Sie auf „Benutzerdefiniertes CSS bearbeiten“ , um das Feld einzublenden), in das die Selektoren aus dem vorherigen Schritt eingegeben werden: 

Legen Sie die Position und das Layout über das Bedienfeld fest und klicken Sie anschließend auf „Speichern“, damit die Änderungen auf Ihrer WordPress-Website übernommen werden. 

Best Practices für die Anzeige von WordPress-Sprachumschaltern

Wer die Sprache wechselt, lässt sich in der Regel einer von vier Gruppen zuordnen:

• Nicht existent. Anders gesagt: Die Website existiert nur in einer Sprache.
• Es ist schwer zu finden. Die Option „ Sprachwechsler “ ist möglicherweise in der Navigation oder an einer anderen Stelle versteckt, was den Nutzer dazu zwingt, Versteckspiel zu spielen, und zu einer schlechten Benutzererfahrung führt.
• Leicht zu finden. Idealerweise ist der Sprachumschalter an einer gut sichtbaren und relevanten Stelle platziert, wie zum Beispiel in der Kopf- oder Fußzeile.
• Sehr leicht zu finden. Wenn der Sprachumschalter an einer prominenten Stelle wie dem Header platziert ist, ist es perfekt! So können Nutzer schnell und bequem die gewünschte Sprache auswählen.

Daher ist es von entscheidender Bedeutung, dass Sie es den Besuchern Ihrer Website leicht machen, eine bevorzugte Sprache zu wählen, und dass Sie eine benutzerfreundliche Erfahrung für Ihre internationalen Website-Besucher bieten. In einer idealen Welt sollten Sie dies ohne Add-ons tun können. Berücksichtigen Sie daher Folgendes:

1. Wählen Sie Ihre Sprachoptionen sorgfältig aus. Nur weil Sie jede Sprache aktivieren können, heißt das nicht, dass Sie das auch tun sollten. Sie sollten nur die Sprachen aktivieren, die Sie benötigen. 
2. Sorge dafür, dass der Sprachumschalter leicht zu finden ist. Kopf- oder Fußzeile sind beides ideale Orte. Auf mobilen Geräten wird der Sprachumschalter oft in der Hauptnavigation als Menüpunkt integriert.
3. Passe den WordPress-Sprachumschalter an das Design an. Auch wenn es verlockend einfach ist, den standardmäßigen Sprachumschalter zu verwenden – besser ist es, ihn optisch an den Look & Feel deiner Website anzupassen. So fügt er sich nahtlos ins Gesamtbild ein.
4. Entscheide dich für Flaggen oder Namen zur Darstellung der Sprachen. Flaggen sind zwar gerade gerade aus Design-Sicht interessant (sie sind bunt und platzsparend), aber eigentlich nicht als Smybol für Sprachen gedacht. Dies wirft verschiedene Probleme auf.

So gelingt ein perfekt gestalteter WordPress-Sprachumschalter

Das Hinzufügen einer WordPress- Sprachwechsler -Seite zu Ihrer Website ist mit dem richtigen Plugin ganz einfach. Mit „ Weglot “ erhalten Sie automatisch eine „ Sprachwechsler “-Seite, vollständige KI-Übersetzungen vom ersten Tag an, Bildübersetzungen für den Text in Ihren Bildern sowie vollständige Bearbeitungsmöglichkeiten – ganz ohne Entwickler. Das Plugin läuft im Hintergrund und hält Ihre markengerechten Übersetzungen auf dem neuesten Stand, sobald sich Ihre „ content “-Seite ändert. Außerdem können Sieunter die automatische Weiterleitung von Ihrer Weglot Dashboardaktivieren: Diese erkennt die Browsersprache eines Besuchers und zeigt ihm automatisch die richtige Sprachversion Ihrer Website an.

Weglot wurde zudem mit Blick auf mehrsprachige Suchmaschinenoptimierung entwickelt. Es erstellt automatisch Sprachunterverzeichnisse für jede übersetzte Version Ihrer Website, fügt hreflang-Tags hinzu und übersetzt Ihre Metadaten, sodass Suchmaschinen und KI-gestützte Suchfunktionen jede Sprachversion vom ersten Tag an finden und indexieren können.

Wählen Sie ein WordPress-Übersetzungs-Plugin, das auch im Hinblick auf mehrsprachige Suchmaschinenoptimierung entwickelt wurde. Dank automatisch erstellter Sprachunterverzeichnisse, übersetzter Metadaten und der Implementierung von hreflang-Tags kümmert sich „ Weglot “ um die technischen, SEO- und Übersetzungsaspekte Ihrer mehrsprachigen Website.

Möchten Sie einen Sprachwechsler Ihrer Website hinzufügen? Starten Sie mitdem kostenlosen TarifWeglot Weglot– ganz ohne Kreditkarte.