Einfache Sprachauswahl für One-Pager

Simple
Image | CC0 pixabay

Sprachauswahl unter Berücksichtigung der Browsereinstellung

Beim Erstellen eines OnePagers mit Bootstrap muss ich manchmal einen einfachen Sprachumschalter implementieren. Ich mache das normalerweise mit PHP und inkludiere in der index.php Head, Header, Inhalt und Footer entsprechend der gewählten Sprache. Dieser Ansatz hat einen wesentlichen Designvorteil: Ich kann verschiedene Sprachen je nach Textlänge layouten und sie alle ziemlich unabhängig voneinander darstellen.

Nehmen wir an, wir bauen unseren One-Pager in drei Sprachen: Deutsch, Französisch und Englisch, wobei Englisch die Standardsprache ist. Der folgende Schnipsel ist das, was Sie an der Spitze Ihrer index.php einfügen möchten.

Erklärung

Als Erstes sollten wir prüfen, ob der Benutzer gerade mit einem Klick auf die entsprechende Schaltfläche oder den entsprechenden Link die Sprache gewechselt hat. Wenn auf Französisch geklickt wurde, würden wir die Seite mit einem GET-Parameter ?fr laden und wir wüssten, dass die französische Version angefordert wurde. Wir können nun die Auswahl in ein Cookie schreiben und alles auf Französisch anzeigen.

Wenn es keinen GET-Parameter gab, hat der Benutzer die Sprache diesmal nicht aktiv gewählt, aber vielleicht hat er/sie dies schon einmal getan und wir haben das bereits in einem Cookie gespeichert. Wenn dies der Fall ist, nehmen wir nun diese Sprache, um unsere Seite anzuzeigen.

Ist dies alles nicht der Fall, fragen wir den Browser des Benutzers, welche Sprache per Konfiguration bevorzugt wird, und versuchen, unsere Cookie- und Anzeigesprache entsprechend einzustellen. 

Teilen

Ähnliche Beiträge

Time to Update

Wartung Umsatzstarker WooCommerce Shops

Was tun, wenn Plugin Updates bei einem hochfrequentierten Onlineshop plötzlich Probleme verursachen? Vor dieser Aufgabe standen wir, als ein Wartungsintervall zunächst erfolgversprechend aussah, dann aber unter Last zu einer Nichterreichbarkeit des umsatzstarken WooCommerce Shops unseres Kunden führte.

Poorly Coded PWA

WooCommerce Lieferzeit bei Rückstand

WooCommerce wird am Deutschen Markt häufig zusammen mit Germanized verwendet, da in Deutschland unter anderem die Angabe von Lieferzeiten rechtlich verpflichtend ist. Hier zeigen wir Dir, wie einfach es ist, unterschiedliche Lieferzeiten für ein Produkt auszuweisen, abhängig davon, ob es vorrätig ist oder sich im Lieferrückstand befindet.

WooCommerce SQL

WooCommerce Metadata mit SQL Manipulieren

WooCommerce hat, mit Germanized an Board, mehrere Möglichkeiten Artikelnummern zu speichern. Hat der Praktikant zwei Tage lang bei den 3000 Artikeln des WooCommerce Onlineshops die EAN in das falsche Feld eingegeben? Dann muss ein SQL-Superheld den Tag retten der Inhalte in kürzester Zeit von einem Feld in’s andere kopieren kann.

GET IN TOUCH

Kontakt.