Il selettore è ciò che consente ai visitatori di cambiare lingua. È configurato in Traduzioni → Selettore. Appare solo quando c'è almeno una lingua target.
Modalità (Dove appare)
| Modalità | Cosa fa |
|---|---|
| Automatico (predefinito) | Appare da solo, flottante, senza toccare il tema. Scegli l'angolo in Posizione: in basso a destra, in basso a sinistra, in alto a destra o in alto a sinistra. |
| Manuale | Mettilo dovunque vuoi, con il codice corto o la funzione PHP (vedi sotto). |
| Off | Non appare. |
In modalità automatica, se posizioni un selettore manualmente su una pagina, quello flottante lascia quella pagina — non ci sono mai due.
Il selettore flottante appare anche nel carrello e nel checkout. Qualcuno che raggiunge il carrello nella lingua sbagliata ha bisogno di un modo per tornare alla propria, precisamente quando sta spendendo soldi.
Forma
Ogni forma viene visualizzata nel pannello con le lingue del tuo sito.
| Forma | Quando usarlo |
|---|---|
| Elenco | Affiancati, tutto visibile. Scorre orizzontalmente da solo se non si adatta. |
| Colonna | Uno per riga. Per i footer e le barre laterali strette. |
| Menu | Apre con un clic. Occupa lo spazio di una sola lingua. |
| Box di sistema | La select box del sistema. Su telefoni apre la ruota nativa, più facile da colpire con un dito. |
Come legge
- Bandiere — mostra una bandiera emoji prima del nome. Vengono disegnate dal sistema dell'utente, senza immagini. Una lingua il cui codice non include un paese (es.
frinvece difr_FR) non riceve bandiera — un paese non è una lingua. - Nome o codice — English, Español o EN, ES.
- Suggerisci la lingua del visitatore — vedi La barra di suggerimento della lingua.
Aspetto
Con un'anteprima dal vivo accanto a:
- Scatola — sfondo, bordo, bordo al passaggio del mouse.
- Lingue — testo, sfondo e testo al passaggio del mouse, sfondo e testo della lingua attuale.
- Forma — dimensione del testo, angoli arrotondati, ombra.
- Ripristina il predefinito — torna ai colori originali.
Se un colore del testo scende al di sotto di un rapporto di contrasto di 4.5:1 (il minimo degli standard di accessibilità WCAG AA), il pannello ti avverte. Avvisa, non impedisce.
Posizionandolo a mano
Questi funzionano in tutte e tre le modalità.
In contenuto o un widget:
[pht_switcher]Opzioni shortcode:
show_label="no"— mostra solo il codice anziché il nome;class="my-class"— aggiunge una classe CSS.
In un template del tema (di solito header.php):
<?php pht_switcher(); ?>Personalizzazione con CSS
Lo switcher utilizza circa 4 KB di CSS, solo sulle pagine in cui appare, e zero JavaScript in tre delle quattro forme. Ogni opzione di visualizzazione è una variabile CSS su .pht-switcher (--pht-bg, --pht-fg, --pht-hover, --pht-radius…), quindi un tema può ridefinirle senza !important.
La barra di suggerimento della lingua
Qualcuno che raggiunge il sito in una lingua diversa da quella del proprio browser vede una piccola barra in cima che offre la versione nella propria lingua.
- Suggerisce, non reindirizza. Il reindirizzamento per lingua del browser rompe la cache della pagina, e Google sconsiglia di farlo.
- Appare solo una volta. Scegliere o chiudere le risposte per sempre.
- È attivato e disattivato in Switcher → Suggerisci la lingua del visitatore. È attivo per default.
Traduzione automatica del browser
Su pagine già tradotte dal plugin, Chrome e altri browser smettono di offrire “Traduci questa pagina” — la loro traduzione sopra la nostra darebbe un testo peggiore. Nella lingua di origine l'offerta rimane attiva: è così che un visitatore straniero scopre che il sito esiste nella propria lingua.