Wie kann man das Design des Sprachumschalters ändern?

In diesem Artikel erfahren Sie, wie Sie Ihre Sprachumschaltung anpassen und ihr Aussehen verändern können.

Mit Weglot können Sie das Erscheinungsbild Ihres Sprachumschalters individuell anpassen. Dazu gibt es mehrere Möglichkeiten:

1. Ändern Sie die Optionen der Sprachumschaltung

Um Ihren Sprachumschalter anzupassen, gehen Sie in Ihrem Weglot-Dashboard zu „Projekte“ > Wählen Sie ein Projekt aus > „Einstellungen“ > „Sprachumschalter“.

Von dort aus können Sie verschiedene Anzeigeoptionen anpassen, darunter:

• Der Name der Sprache (zum Beispiel „en“ für Englisch)
• Der vollständige Name der Sprache
• Die Sprachflaggen und die Art der Flaggen (Quadrat, Kreis, Rechteck)
• Die Art des Umschalters (Liste/Dropdown)

Wenn Sie hier Änderungen vornehmen, müssen Sie auf "Änderungen speichern" klicken.

Weiter unten auf der Seite finden Sie den Abschnitt „Sprachen – Darstellung“. Hier können Sie Sprachen per Drag & Drop verschieben, um die Reihenfolge zu ändern, in der sie in der Sprachauswahl angezeigt werden.

In diesem Abschnitt können Sie die Flaggen und Sprachnamen anpassen, die in Ihrer Sprachauswahl angezeigt werden.

2. Bearbeiten Sie den Sprachnamen und die Flagge

Um den Namen und die Flagge einer Sprache zu ändern, können Sie dieselbe Seite aufrufen, d. h. Ihr Weglot-Dashboard > Projekte > Ein Projekt auswählen > Einstellungen > Sprachauswahl.

Gehen Sie zum Abschnitt "Erscheinungsbild der Sprachen" und verwenden Sie den Stift auf der rechten Seite.

Dort können Sie den Namen der Sprache so bearbeiten, dass in der Sprachauswahl auf Ihrer Live-Website der von Ihnen gewünschte Name angezeigt wird:

Sobald Sie den Abschnitt „Name der Landessprache“ bearbeitet haben, können Sie auf die Schaltfläche „Speichern“ klicken.

Um die Flagge zu ändern, stellen Sie sicher, dass Sie in den Einstellungen Ihres Umschalters die Option „Flaggen in der Schaltfläche anzeigen“ aktiviert haben.

Sie können auch auf „Flagge auswählen“ klicken, um eine Flagge auszuwählen. Zur Suche nach einer Flagge können Sie die Suchleiste verwenden:

Kehren Sie nun zu Ihrer Website zurück, und Sie werden die neu hinzugefügte Flagge in Ihrer Sprachauswahl sehen können.

Wenn Sie außerdem die zuvor hinzugefügte Markierung entfernen und zur ursprünglichen Markierung zurückkehren möchten, klicken Sie im Markierungsauswahlfeld auf„Markierung auswählen“ – dadurch wird die Markierung entfernt:

3. Verwenden Sie den Switcher Editor

Für die allgemeine Verwendung des Switcher Editor konsultieren Sie bitte die folgende spezielle Dokumentation:

Wie wird der Switcher Editor verwendet?

Sie finden darin mehrere Abschnitte, um Ihr eigenes Schalterdesign zu erstellen oder einige der Weglot-Vorlagen zu verwenden.

Um einen solchen zu verwenden, sehen Sie bitte im Abschnitt Switcher-Stil nach:

In diesem Bereich finden Sie eine Reihe von Vorlagen, die Sie für Ihre Website verwenden können.

Klicken Sie einfach darauf, um einen auszuwählen und ihn an der gewünschten Stelle auf Ihrer Webseite zu platzieren.

4. Hinzufügen einiger benutzerdefinierter CSS

In IhremWeglot-Dashboard unter „Einstellungen“ > „Sprachauswahl“ haben Sie die Möglichkeit, benutzerdefiniertes CSS hinzuzufügen:

Lassen Sie sich von verschiedenen Stilen inspirieren und fügen Sie Ihr eigenes CSS hinzu. Einige Beispiele für benutzerdefinierte CSS finden Sie im nächsten Teil.

5. Erstellen Sie Ihren eigenen benutzerdefinierten Switcher

Wenn Sie es vorziehen, einen eigenen Switcher zu haben, der zu den CSS-Codes Ihrer Website passt, können Sie einen benutzerdefinierten Switcher erstellen.

Sie müssen das Design selbst einrichten und die Weglot-Funktionen verwenden, damit die Links in den von Ihnen gewählten Sprachen angezeigt werden.

Schauen Sie sich dazu bitte unsere Entwicklerdokumentation über nützliche JavaScript-Funktionen an, die Sie verwenden können:

https://developers.weglot.com/javascript/link-hooks

Haben Sie ein Feedback zu diesem Artikel? Lassen Sie es uns wissen!