Der Switcher ermöglicht es Besuchern, die Sprache zu ändern. Er ist konfiguriert in Übersetzungen → Switcher. Er erscheint nur, wenn es mindestens eine Zielsprache gibt.
Modus (Wo es erscheint)
| Modus | Was er macht |
|---|---|
| Automatisch (Standard) | Erscheint von selbst, schwebend, ohne das Theme zu berühren. Wählen Sie die Ecke in Position: unten rechts, unten links, oben rechts oder oben links. |
| Manuell | Platzieren Sie es, wo immer Sie wollen, mit dem Shortcode oder der PHP-Funktion (siehe unten). |
| Aus | Es erscheint nicht. |
Im automatischen Modus, wenn Sie einen Switcher manuell auf einer Seite platzieren, verlässt der schwebende Switcher diese Seite – es gibt niemals zwei.
Der schwebende Switcher erscheint auch im Warenkorb und beim Checkout. Jemand, der im falschen Sprache im Warenkorb landet, benötigt einen Weg zurück zur eigenen, genau in dem Moment, in dem er Geld ausgibt.
Form
Jede Form wird im Panel mit den Sprachen Ihrer Website angezeigt.
| Form | Wann man es benutzt |
|---|---|
| Liste | Nebeneinander, alles sichtbar. Rollt horizontal von selbst, wenn es nicht passt. |
| Spalte | Eins pro Zeile. Für Fußzeilen und schmale Seitenleisten. |
| Menü | Öffnet sich mit einem Klick. Nimmt den Platz einer einzigen Sprache ein. |
| Systembox | Die Auswahlbox des Systems. Auf Handys öffnet sie das native Rad, was einfacher mit einem Finger zu erreichen ist. |
Wie es gelesen wird
- Flaggen — zeigt eine Emoji-Flagge vor dem Namen an. Sie werden vom System des Betrachters gezeichnet, ohne Bilder. Eine Sprache, deren Code kein Land umfasst (z. B.
frstattfr_FR) erhält keine Flagge — ein Land ist keine Sprache. - Name oder Code — Englisch, Español oder EN, ES.
- Schlagen Sie die Sprache des Besuchers vor — siehe Die Sprachvorschlagsleiste.
Erscheinungsbild
Mit einer Live-Vorschau daneben:
- Box — Hintergrund, Rahmen, Rahmen bei Hover.
- Sprachen — Text, Hintergrund und Text bei Hover, Hintergrund und Text der aktuellen Sprache.
- Form — Textgröße, abgerundete Ecken, Schatten.
- Auf die Standardeinstellungen zurücksetzen — kehrt zu den ursprünglichen Farben zurück.
Wenn eine Textfarbe unter einem Kontrastverhältnis von 4.5:1 (dem Minimum des WCAG AA-Zugänglichkeitsstandards) liegt, warnt das Panel. Es warnt, es verhindert nicht.
Manuell platzieren
Diese funktionieren in allen drei Modi.
In Inhalt oder einem Widget:
[pht_switcher]Shortcode-Optionen:
show_label="no"— zeigt nur den Code statt des Namens an;class="my-class"— fügt eine CSS-Klasse hinzu.
In einer Theme-Vorlage (gewöhnlich header.php):
<?php pht_switcher(); ?>Mit CSS anpassen
Der Switcher verwendet etwa 4 KB CSS, nur auf den Seiten, auf denen er erscheint, und null JavaScript in drei der vier Formen. Jede Erscheinungsoption ist eine CSS-Variable auf .pht-switcher (--pht-bg, --pht-fg, --pht-hover, --pht-radius…), sodass ein Theme sie ohne !important.
Die Sprachvorschlagsleiste
Jemand, der die Website in einer Sprache erreicht, die nicht die Sprache des Browsers ist, sieht eine kleine Leiste oben, die die Version in ihrer Sprache anbietet.
- Es schlägt vor, es leitet nicht um. Eine Umleitung nach Browsersprache bricht den Seiten-Cache, und Google rät davon ab.
- Es erscheint nur einmal. Antworten dauerhaft wählen oder schließen.
- Es wird aktiviert und deaktiviert in Switcher → Die Sprache des Besuchers vorschlagen. Es ist standardmäßig aktiviert.
Automatische Übersetzung des Browsers
On pages already translated by the plugin, Chrome and other browsers stop offering „Translate this page“ — their translation on top of ours would give worse text. In the source language the offer stays active: that is how a foreign visitor discovers the site exists in their language.