El conmutador es lo que permite a los visitantes cambiar de idioma. Se configura en Traducciones → Conmutador. Solo aparece cuando hay al menos un idioma de destino.
Modo (Dónde aparece)
| Modo | Lo que hace |
|---|---|
| Automático (predeterminado) | Aparece por su cuenta, flotante, sin tocar el tema. Elige la esquina en Posición: abajo a la derecha, abajo a la izquierda, arriba a la derecha o arriba a la izquierda. |
| Manual | Colócalo donde quieras, con el shortcode o la función PHP (ver abajo). |
| Desactivado | No aparece. |
En modo automático, si colocas un conmutador a mano en una página, el flotante sale de esa página — nunca hay dos.
El conmutador flotante también aparece en el carrito y el pago. Alguien que llegue al carrito en el idioma incorrecto necesita un camino de regreso al suyo, precisamente cuando está gastando dinero.
Forma
Cada forma se prevé en el panel con los idiomas de tu sitio.
| Forma | Cuándo usarlo |
|---|---|
| Lista | Lado a lado, todo visible. Se desplaza horizontalmente por sí solo si no cabe. |
| Columna | Uno por línea. Para pies de página y barras laterales estrechas. |
| Menú | Se abre con un clic. Toma el espacio de un solo idioma. |
| Caja del sistema | La caja de selección del sistema. En teléfonos, abre la rueda nativa, más fácil de tocar con un dedo. |
Cómo se lee
- Banderas — muestra una bandera emoji antes del nombre. Son dibujadas por el sistema del espectador, sin imágenes. Un idioma cuyo código no incluye ningún país (por ejemplo.
fren lugar defr_FR) no recibe bandera — un país no es un idioma. - Nombre o código — Inglés, Español o EN, ES.
- Sugerir el idioma del visitante — ver La barra de sugerencia de idioma.
Apariencia
Con una vista previa en vivo al lado:
- Caja — fondo, borde, borde al pasar el ratón.
- Idiomas — texto, fondo y texto al pasar el ratón, fondo y texto del idioma actual.
- Forma — tamaño de texto, esquinas redondeadas, sombra.
- Restablecer a los valores predeterminados — vuelve a los colores originales.
Si un color de texto cae por debajo de una relación de contraste de 4.5:1 (el mínimo del estándar de accesibilidad WCAG AA), el panel te advierte. Advierte, no previene.
Colocándolo a mano
Estos funcionan en los tres modos.
En contenido o un widget:
[pht_switcher]Opciones de shortcode:
show_label="no"— muestra solo el código en lugar del nombre;class="my-class"— añade una clase CSS.
En una plantilla de tema (usualmente header.php):
<?php pht_switcher(); ?>Personalizando con CSS
El conmutador usa alrededor de 4 KB de CSS, solo en las páginas donde aparece, y cero JavaScript en tres de las cuatro formas. Cada opción de apariencia es una variable CSS en .pht-switcher (--pht-bg, --pht-fg, --pht-hover, --pht-radius…), así que un tema puede redefinirlas sin !important.
La barra de sugerencia de idioma
Alguien que llega al sitio en un idioma que no es el de su navegador ve una pequeña barra en la parte superior que ofrece la versión en su idioma.
- Sugiere, no redirige. Redirigir por idioma del navegador rompe la caché de la página, y Google desaconseja hacerlo.
- Aparece solo una vez. Eligiendo o cerrando respuestas de forma definitiva.
- Se activa y desactiva en Conmutador → Sugerir el idioma del visitante. Está activado por defecto.
Traducción automática del navegador
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.