Simple

Image | CC0 pixabay

Einfache Sprachauswahl für One-Pager

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.