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 Sie möchten – mit dem Block, einem Menüeintrag, 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 – ein Flaggensymbol vor dem Namen anzeigen. Sie werden als SVG direkt in der Seite dargestellt, nur für die Sprachen Ihrer Website, ohne Bilder und ohne Anfragen, und sehen auf jedem System gleich aus (Windows hat keine Emoji-Flaggen und zeigte stattdessen die Buchstaben PT an). Der Systembox behält Emoji-Flaggen bei, da eine Option nur Text enthalten kann. Eine Sprache, deren Code kein Land enthält (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.
Im Block-Editor (Seiten, Beiträge und der Website-Editor): der Language Switcher -Block. Er kann auch in den Navigation -Block neben den Header-Links eingefügt werden: Wählen Sie den Navigation-Block aus, klicken Sie auf +, dann auf Alle durchsuchenund suchen Sie nach „Language“. In seiner Seitenleiste können Form, Name oder Code sowie Flaggensymbole ausgewählt werden; alles, was in wie unter Übersetzungen → Switcher übrig bleibt, richtet sich nach dem Tab „Switcher“.
In einem klassischen Menü (Design → Menüs, in Themes, die keine Block-Themes sind): Aktivieren Sie im Feld Sprachumschalter das Kontrollkästchen Sprachen und klicken Sie auf Zum Menü hinzufügen. Auf der Website wird der Eintrag zu einem Link pro Sprache auf dieselbe Seite, vom Theme wie die anderen Einträge dargestellt. Bei den Menü und Systembox Formen bleibt die aktuelle Sprache im Menü, die anderen werden in einem Untermenü angezeigt; in einem einstufigen Menü (wie vielen Fußzeilenmenüs) stehen sie nebeneinander. Wenn das Feld nicht angezeigt wird, aktivieren Sie es oben unter Ansichtseinstellungen. Im Customizer bewirkt ein individueller Link mit der Adresse #pht-switcher dasselbe.
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
Auf Seiten, die bereits vom Plugin übersetzt wurden, hören Chrome und andere Browser auf, „Diese Seite übersetzen“ anzubieten — ihre Übersetzung über unserer würde schlechteren Text liefern. In der Ausgangssprache bleibt das Angebot aktiv: so entdeckt ein ausländischer Besucher, dass die Website in seiner Sprache existiert.