Añadir un selector de idioma
POM Translate puede mostrar los mismos destinos de idioma a través de tres superficies públicas:
| Superficie | Formatos disponibles | Más adecuada para |
|---|---|---|
| Menú de navegación de WordPress | Dropdown menu, All languages at the same level | Un selector integrado en la navegación principal o en el pie de página |
| Shortcode | List, Links, Dropdown | Contenido, widgets, maquetadores y áreas de plantilla que procesan shortcodes |
| Selector de idioma flotante | Dropup menu, All languages at the same level | Un selector para todo el sitio inyectado cerca del final de la página |
Las tres usan la solicitud actual para construir una URL equivalente para cada configuración regional activada. Conservan la ruta, los slugs localizados admitidos, la cadena de consulta y el estilo de barra diagonal final.
Los parámetros de búsqueda y de filtro mantienen sus valores codificados en la URL cuando los visitantes cambian de idioma. Por ejemplo, tipo=Piso%2CChalet sigue representando Piso,Chalet en cada destino. Los separadores codificados, los espacios, los parámetros de matriz y los valores vacíos se conservan en todos los tipos y formatos de selector.
Configurar un primer selector
- Abre Settings → POM Translate → Language switcher.
- Decide si Hide current language debe aplicarse de forma global.
- Elige el formato y el marcado para la superficie que vas a usar.
- Guarda los ajustes.
- Añade el elemento de navegación, coloca el shortcode o activa la salida flotante.
- Abre una página pública y cambia a cada configuración regional ofrecida.
- Repite el proceso en una página jerárquica, en un archivo de taxonomía y en un contexto con un idioma excluido.
Comportamiento compartido
- Las exclusiones por configuración regional eliminan los destinos no disponibles del selector actual.
- Una superficie puede omitir el idioma base cuando dicha superficie ofrece la opción.
- El ajuste global del idioma actual puede ser anulado por el shortcode.
- Las etiquetas usan una plantilla de etiquetas de combinación saneada.
- Los valores de texto se escapan antes de insertarse.
- Una etiqueta calculada vacía utiliza como alternativa el código de idioma.
- Los enlaces del selector incluyen
lang,hreflangyrel="alternate".
Las banderas representan un país o una región, no un idioma. Incluye texto significativo siempre que una bandera por sí sola pueda resultar ambigua.
Elige una guía específica
| Objetivo | Guía |
|---|---|
| Decidir dónde debe ir el control | Elegir el selector adecuado |
| Añadirlo a un menú de WordPress | Añadir un selector a un menú de navegación |
| Insertarlo en contenido o en un maquetador | Añadir un selector con un shortcode |
| Revisar todos los parámetros del shortcode | Referencia del shortcode |
| Activar la salida del pie de página para todo el sitio | Configurar el selector flotante |
| Comprender el comportamiento adaptativo del menú desplegable hacia arriba | Comprender el desplegable flotante |
| Eliminar la configuración regional activa de las opciones | Ocultar el idioma actual |
| Diseñar la etiqueta visible | Elegir una etiqueta de selector |
| Usar HTML y etiquetas de combinación de forma segura | Configurar el marcado del selector |
| Gestionar destinos excluidos o incompletos | Gestionar las alternativas del selector |
| Revisar el comportamiento con teclado y lectores de pantalla | Crear un selector accesible |
| Probar pantallas pequeñas y cabeceras restringidas | Revisar el comportamiento adaptable |
| Diagnosticar idiomas faltantes o URL incorrectas | Solucionar problemas de un selector |