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 | Posizionalo dove vuoi, con il blocco, una voce di menu, lo shortcode 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 prima del nome. Vengono disegnate come SVG nella pagina, solo per le lingue del tuo sito, senza immagini né richieste, e hanno lo stesso aspetto su ogni sistema (Windows non ha bandiere emoji e mostrava le lettere PT invece). Il Box di sistema mantiene le bandiere emoji, perché un’opzione può contenere solo testo. Una lingua il cui codice non include alcun paese (ad 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à.
Nell’editor a blocchi (pagine, articoli e Editor del sito): il blocco Language Switcher . Va anche inserito nel blocco Navigazione , accanto ai link dell’intestazione: seleziona il blocco Navigazione, premi +, poi Sfoglia tutto, quindi cerca “Language”. La barra laterale consente di scegliere forma, nome o codice e bandiere; tutto ciò che rimane su Come in Traduzioni → Switcher segue la scheda Switcher.
In un menu classico (Aspetto → Menu, nei temi che non sono temi a blocchi): nel riquadro Selettore di lingua , seleziona Lingue e clicca Aggiungi al menu. Nel sito, la voce diventa un link per ogni lingua, alla stessa pagina, visualizzato dal tema come le altre voci. Con le forme Menu e Box di sistema , la lingua corrente rimane nel menu e le altre vanno in un sottomenu; in un menu a un solo livello (come molti menu nel piè di pagina) vengono visualizzate affiancate. Se il riquadro non appare, attivalo in Opzioni schermata, nella parte superiore. Nel Personalizza, un link personalizzato con l’indirizzo #pht-switcher fa la stessa cosa.
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.