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 bloque, un elemento de menú, el shortcode o la función PHP (véase más 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 delante del nombre. Se dibujan como SVG dentro de la página, solo para los idiomas de tu sitio, sin imágenes ni solicitudes, y tienen el mismo aspecto en todos los sistemas (Windows no tiene banderas emoji y mostraba las letras PT en su lugar). El Caja del sistema mantiene las banderas emoji, porque una opción solo puede contener texto. Un idioma cuyo código no incluye ningún país (p. ej.,
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 el editor de bloques (páginas, entradas y el Editor del sitio): el bloque Selector de idioma . También se incluye dentro del bloque Navigation , junto a los enlaces de la cabecera: selecciona el bloque Navigation, pulsa +, después Explorar todo, y busca «Language». Su barra lateral permite elegir la forma, el nombre o el código, y las banderas; todo lo que quede en Como en Traducciones → Conmutador sigue la pestaña Conmutador.
En un menú clásico (Apariencia → Menús, en temas que no son de bloques): en el cuadro Selector de idioma , marca Idiomas y haz clic en Añadir al menú. En el sitio, el elemento se convierte en un enlace por idioma, a la misma página, representado por el tema como los demás elementos. Con las formas Menú y Caja del sistema , el idioma actual se mantiene en el menú y los demás pasan a un submenú; en un menú de un solo nivel (como muchos menús de pie de página), aparecen uno al lado del otro. Si no se muestra el cuadro, actívalo en Opciones de pantalla, en la parte superior. En el Personalizador, un enlace personalizado con la dirección #pht-switcher hace lo mismo.
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
En páginas ya traducidas por el plugin, Chrome y otros navegadores dejan de ofrecer “Traducir esta página” — su traducción encima de la nuestra daría un texto peor. En el idioma original la oferta se mantiene activa: así es como un visitante extranjero descubre que el sitio existe en su idioma.