Schritt 3: Sprachumschalter aktivieren
Nach Abschluss aller Konfigurationen besteht der nächste Schritt darin, die Einstellungen für den Sprachwechsler aufzurufen und eine Flagge anzuzeigen, um die Benutzerfreundlichkeit bei Sprachwechseln zu verbessern. Kopieren Sie dazu den im Linguise -Dashboard bereitgestellten Code, indem Sie zu Linguise -Dashboard > Einstellungen > In die Zwischenablage kopieren navigieren.
Um Inhalte zu Ihrem Seitenkopf hinzuzufügen, können Sie ein Drupal Modul namens Add to Head verwenden. Navigieren Sie einfach zu Konfiguration > Entwicklung > Add profile.
Stellen Sie abschließend sicher, dass der Speicherort des Skripts validiert oder überprüft wird.
Der Sprachumschalter wird zunächst in einer schwebenden Position in der oberen rechten Ecke Ihrer Website angezeigt. Sie können ihn nach Ihren Wünschen anpassen.
Schritt 4: Hauptanzeige einrichten
Darüber hinaus haben Sie die Möglichkeit, den Sprachumschalter zu personalisieren, indem Sie auf das Linguise -Dashboard zugreifen und zum Abschnitt Einstellungen navigieren. Innerhalb dieses Bereichs gelangen Sie zu den Sprachflaggen-Anzeige -Einstellungen. Alle in diesem Segment vorgenommenen Änderungen werden automatisch im Sprachumschalter auf Ihrer Website wiedergegeben.
Im anfänglichen Setup werden wir die primäre Anzeige anpassen und uns auf verschiedene Komponenten konzentrieren.
Die erste Überlegung gilt der Konfiguration der Sprachlistendarstellungsform, die drei Optionen zur Auswahl bietet: nebeneinander, Dropdown oder Popup. Auf der linken Seite befindet sich eine Vorschau-Darstellung für jede Form.
Das erste unten dargestellte Formular ist das Side-by-Side-Layout.
Die nachfolgende Form nimmt die Form eines Dropdown-Menüs an, wie unten dargestellt.
Schließlich gibt es das Popup-Formular.
Im nächsten Schritt geht es um die Konfiguration der Position, bei der Sie die Platzierung des Sprachumschalters festlegen können. Es stehen mehrere Positionsoptionen zur Auswahl, wählen Sie daher unbedingt eine Position, die für Besucher leicht erkennbar ist.
Legen Sie abschließend die Kombinationspräferenz fest, ob es sich um Flagge + Sprachname, Flagge + Kurzname oder nur um die Flagge handelt.
Schritt 5: Flaggen-Design festlegen
Danach finden Sie unterhalb des primären Anzeigebereichs Designkonfigurationen für die Flagge. Das folgende Bild veranschaulicht einige der verfügbaren Einstellungsoptionen.
- Anzeige des Sprachnamens: Sie haben die Wahl, den Namen basierend auf dem Land oder der Sprache anzuzeigen, wie “German” oder “Deutsch.”
- Englischer Flaggentyp: Diese Option ist für Sprachen mit mehreren Varianten anwendbar, wie “English USA” oder “English Britain” (ähnlich wie Spanisch, Taiwanesisch, Deutsch und Portugiesisch).
- Flaggenstil: Mit dieser Einstellung können Sie die Form des Flaggenicons definieren, egal ob rund oder quadratisch (rechteckig).
Schritt 6: Farbe und Größe der Flagge festlegen
Nachdem Sie das Flaggen-Design eingerichtet haben, besteht die nächste Aktion darin, Farben, Größe und verschiedene andere Elemente anzupassen. In der folgenden Schnittstelle stehen zahlreiche anpassbare Einstellungen zur Verfügung, darunter:
- Flaggen-Eckenradius: Anpassung des Eckenradius in Pixeln bei Verwendung eines Rechtecks.
- Sprachnamen-Farbe: Auswahl der Standard-Textfarbe für den Sprachnamen.
- Popup-Sprachfarbe: Die Farbe des Sprach Titels in den Popup- oder Dropdown-Bereichen.
- Flagge Größe: Ändern der Größe der Flagge.
- Farbe des Sprachamens beim Hover: Die Textfarbe, wenn die Maus über Sprachnamen schwebt.
- Popup-Sprachfarbe beim Hover: Die Textfarbe, wenn die Maus über den Sprachtitel im Popup oder Dropdown schwebt.
Schritt 7: Flagge Box-Shadow einstellen
Während der letzten Phase haben Sie die Möglichkeit, die Schatteneinstellungen für die Flagge zu konfigurieren. Die erste Einstellung ermöglicht es Ihnen, einen Schatten für jede auf Ihrer Website angezeigte Flagge festzulegen, während die zweite Einstellung sich auf den Schatteneffekt beim Überfahren der Sprachflagge bezieht.
Klicken Sie unbedingt auf Speichern , um die Anpassungseinstellungen für den Sprachumschalter beizubehalten.
Sobald Sie den Sprachumschalter für Drupalkonfiguriert haben, können Sie die folgenden Ergebnisse vom Sprachumschalter erwarten.
Bereit, neue Märkte zu erkunden? Probieren Sie unseren automatischen Übersetzungsdienst kostenlos mit unserer 1-Monats-Risikofreien-Testversion aus. Keine Kreditkarte erforderlich!
