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 bloc, un élément de menu, le code court 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 — afficher un drapeau avant le nom. Ils sont dessinés en SVG dans la page, uniquement pour les langues de votre site, sans images ni requêtes, et ont le même aspect sur tous les systèmes (Windows n’a pas de drapeaux emoji et affichait les lettres PT à la place). Le Boîte système conserve les drapeaux emoji, car une option ne peut contenir que du texte. Une langue dont le code n’inclut aucun pays (par ex.
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 l’éditeur de blocs (pages, articles et éditeur du site) : le Language Switcher bloc. Il peut également être placé dans le bloc Navigation , à côté des liens de l’en-tête : sélectionnez le bloc Navigation, appuyez sur +, puis sur Parcourir tout, et recherchez « Language ». Sa barre latérale permet de choisir la forme, le nom ou le code, ainsi que les drapeaux ; tout ce qui reste sur Comme dans Traductions → Sélecteur suit l’onglet Sélecteur.
Dans un menu classique (Apparence → Menus, dans les thèmes qui ne sont pas des thèmes à blocs) : dans la boîte Sélecteur de langue , cochez Langues et cliquez Ajouter au menu. Sur le site, l’élément devient un lien par langue vers la même page, affiché par le thème comme les autres éléments. Avec les formes Menu et Boîte système , la langue actuelle reste dans le menu et les autres sont placées dans un sous-menu ; dans un menu à un seul niveau (comme de nombreux menus de pied de page), elles sont côte à côte. Si la boîte ne s’affiche pas, activez-la dans Options de l’écran, en haut. Dans le personnalisateur, un lien personnalisé dont l’adresse est #pht-switcher produit le même résultat.
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
Sur les pages déjà traduites par le plugin, Chrome et d'autres navigateurs cessent d'offrir “Traduire cette page” — leur traduction par-dessus la nôtre donnerait un texte moins bon. Dans la langue source, l'offre reste active : c'est ainsi qu'un visiteur étranger découvre que le site existe dans sa langue.