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 Design Ihres Sprachumschalters ändern. Dazu haben Sie mehrere Möglichkeiten:

1. Ändern Sie die Optionen der Sprachumschaltung

Wenn Sie auf Ihrem Weglot Dashboard > Projekte > Projekt auswählen > Einstellungen > Sprachumschalter gehen, haben Sie die Möglichkeit, einige Elemente und die Anzeige zu ändern:

• Der Name der Sprache (z. B. "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 auch den Abschnitt "Erscheinungsbild des Sprachumschalters", wo Sie die gewünschte Sprache per Drag & Drop verschieben und ihre Position im Sprachumschalter ändern können:

In diesem Bereich können Sie die Flaggen ändern, die auf Ihrem Sprachumschalter angezeigt werden. Sie können die Flagge eines anderen Landes oder Ihre eigene Flagge anzeigen lassen. Sie können auch das Aussehen des Sprachumschalters ändern, indem Sie die Namen der Sprachen und die angezeigten Flaggen ändern. (Siehe: Wie kann ich die Flaggen des Sprachumschalters ändern?)

2. Hinzufügen einiger benutzerdefinierter CSS

In Ihrem Weglot Dashboard > Einstellungen > Sprachumschaltung haben Sie die Möglichkeit, einige benutzerdefinierte 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.

3. Verwenden Sie den Switcher-Editor

Für die allgemeine Verwendung des Switcher-Editors 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 um 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. 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!