Le sélecteur permet aux visiteurs de changer de langue. Il est configuré dans Traductions → Sélecteur. Il n'apparaît que lorsqu'il y a au moins une langue cible.
Mode (Où il apparaît)
| Mode | Ce qu'il fait |
|---|---|
| Automatique (par défaut) | Apparaît tout seul, flottant, sans toucher au thème. Choisissez le coin dans Position: en bas à droite, en bas à gauche, en haut à droite ou en haut à gauche. |
| Manuel | Placez-le où vous le souhaitez, avec le shortcode ou la fonction PHP (voir ci-dessous). |
| Désactivé | Il n'apparaît pas. |
En mode automatique, si vous placez un sélecteur manuellement sur une page, le flottant quitte cette page - il n'y a jamais deux.
Le sélecteur flottant apparaît également dans le panier et à la caisse. Quelqu'un qui atteint le panier dans la mauvaise langue a besoin d'un moyen de revenir à la sienne, précisément quand il dépense de l'argent.
Forme
Chaque forme est prévisualisée dans le panneau avec les langues de votre site.
| Forme | Quand l'utiliser |
|---|---|
| Liste | Côte à côte, tout est visible. Défile horizontalement tout seul s'il ne s'ajuste pas. |
| Colonne | Un par ligne. Pour les pieds de page et les barres latérales étroites. |
| Menu | S'ouvre avec un clic. Prend l'espace d'une seule langue. |
| Boîte système | La boîte de sélection du système. Sur les téléphones, elle ouvre la roulette native, plus facile à atteindre avec un doigt. |
Comment cela se lit
- Drapeaux — montrez un drapeau emoji avant le nom. Ils sont dessinés par le système du visualiseur, sans images. Une langue dont le code n'inclut aucun pays (par exemple.
frplutôt quefr_FR) n'obtient pas de drapeau — un pays n'est pas une langue. - Nom ou code — Anglais, Español ou EN, ES.
- Suggérer la langue du visiteur — voir La barre de suggestion de langue.
Apparence
Avec un aperçu en direct à côté :
- Boîte — arrière-plan, bordure, bordure au survol.
- Langues — texte, arrière-plan et texte au survol, arrière-plan et texte de la langue actuelle.
- Forme — taille du texte, coins arrondis, ombre.
- Réinitialiser par défaut — revient aux couleurs d'origine.
Si une couleur de texte tombe sous un ratio de contraste de 4.5:1 (le minimum de la norme d'accessibilité WCAG AA), le panneau vous avertit. Il prévient, il ne bloque pas.
Placement manuel
Cela fonctionne dans les trois modes.
Dans le contenu ou un widget :
[pht_switcher]Options de shortcode :
show_label="no"— montre uniquement le code au lieu du nom ;class="my-class"— ajoute une classe CSS.
Dans un modèle de thème (généralement header.php):
<?php pht_switcher(); ?>Personnaliser avec CSS
Le sélecteur utilise environ 4 Ko de CSS, uniquement sur les pages où il apparaît, et zéro JavaScript dans trois des quatre formes. Chaque option d'apparence est une variable CSS sur .pht-switcher (--pht-bg, --pht-fg, --pht-hover, --pht-radius…), donc un thème peut les redéfinir sans !important.
La barre de suggestion de langue
Quelqu'un qui atteint le site dans une langue qui n'est pas celle de son navigateur voit une petite barre en haut proposant la version dans sa langue.
- Il suggère, il ne redirige pas. La redirection par langue de navigateur casse le cache de la page, et Google déconseille cela.
- Elle apparaît uniquement une fois. Choisir ou fermer des réponses pour de bon.
- Il est activé et désactivé dans Sélecteur → Suggérer la langue du visiteur. Il est activé par défaut.
Traduction automatique du navigateur
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.