Guía de personalización avanzada del selector de idiomas WPML

WPML es uno de los plugins de traducción para WordPress más antiguos y se ha ganado con razón una gran reputación en el espacio multilingüe de WordPress.

La función conmutador de idioma de WPML le permite crear una opción front-end para que sus visitantes elijan su lenguaje preferido en su sitio de WordPress.

Sin embargo, a algunas personas les cuesta aceptar el estilo y la ubicación del selector de idioma de WPML.

Esta guía te ayudará a dominar el selector de idiomas WPML, ya que trata los siguientes temas:

• Funcionalidad básica
• Técnicas avanzadas de personalización
• Solución de problemas comunes
• Consejos de optimización para una mejor experiencia de usuario

También hablaremos brevemente sobre Weglot comparación con el selector de idiomas de WPML, que puede resultarte útil como solución alternativa a WPML.

Cómo añadir el selector de idioma WPML a tu sitio web

Añade el selector de idioma WPML a tu sitio web siguiendo estas instrucciones:

1. Ve a WPML → Idiomas en el panel de control de WordPress.
2. Elige la opción de colocación que prefieras.

3. Para temas basados en plantillas o bloques, utiliza el bloque WPML Language Switcher en el editor del sitio.

WPML ofrece varias opciones de ubicación para tu selector de idioma:

• Menús y widgets
• Pie de página (por defecto)
• Por encima o por debajo del contenido del post
• Plantillas, partes de plantillas y navegación del sitio (utilizando el bloque WPML Language Switcher).
• Ubicaciones personalizadas mediante PHP o shortcodes

Sin embargo, no puedes añadir un selector de idioma WPML flotante de forma predeterminada. Si deseas crear un selector de idioma WPML flotante, tendrás que utilizar tu propio código personalizado, contratar a un desarrollador para que lo haga por ti o elegir una solución de traducción alternativa.

A continuación te explicamos cómo configurar el selector de idioma WPML en la ubicación que elijas:

1. Menús y widgets
   • Ve a WPML → Idiomas en el panel de control de WordPress.
   • Añade un nuevo selector de idioma a tu menú o como widget.
   • Es ideal para colocarlo de forma destacada en cabeceras o barras laterales.
2. Pie de página (por defecto)
   • WPML añade un selector de idioma al pie de página de tu sitio web de forma predeterminada.
   • Puedes editarlo en WPML → Idiomas.
   • La colocación del pie de página es sutil pero accesible en todas las páginas.
3. Por encima o por debajo del contenido del post
   • En WPML → Idiomas, desplázate hasta "Enlaces a la traducción de entradas".
   • Marca la casilla para activar y configurar las opciones.
   • Esto es especialmente útil para blogs o sitios de noticias con actualizaciones frecuentes de contenido.
4. Plantillas, partes de plantillas y navegación por el sitio
   • Utiliza el bloque «WPML Language Switcher» (Selector de idioma WPML) en el editor de sitios de WordPress.
   • Recuerda traducir el bloque para que aparezca en las lenguas secundarias.
   • Este método ofrece la mayor flexibilidad para los temas basados en bloques.
5. Lugares personalizados
   • Utiliza PHP o códigos cortos para añadir el selector de idioma a ubicaciones personalizadas.
   • Esta opción avanzada permite colocaciones únicas adaptadas al diseño de tu sitio.

Al configurar tu selector de idioma, puedes personalizar su apariencia:

• Elige mostrar las banderas (SVG por defecto, con opción de PNG)
• Mostrar las lenguas con sus nombres nativos
• Establece el orden de las lenguas para dar prioridad a determinadas traducciones

Técnicas avanzadas para la personalización del selector de idioma WPML

Una vez que domines los conceptos básicos, podrás adentrarte en personalizaciones más avanzadas para adaptar el selector de idioma a tu sitio web:

1. Opciones de estilo
   • Establece opciones globales para todos los cambiadores de idioma en WPML → Idiomas.
   • Configura los ajustes individuales para cada selector de idioma por separado.
   • Personaliza los colores, la visualización de la bandera y el formato del nombre del idioma.
   • Consejo profesional: Utiliza los colores de tu marca para conseguir un aspecto cohesionado.
2. Banderas personalizadas
   • Sube tus propias banderas personalizadas en WPML → Idiomas → Editar idiomas.
   • Esto es especialmente útil para las variaciones específicas de una región (por ejemplo, inglés de EE.UU. frente a inglés del Reino Unido).
3. Configuración del formato URL: Elige entre tres opciones en WPML → Idiomas → Formato de URL de idioma
   • Diferentes idiomas en los directorios (por ejemplo, ejemplo.com/es/)
   • Un dominio diferente por idioma (por ejemplo, es.ejemplo.com o ejemplo.es)
   • Nombre del idioma añadido como parámetro (por ejemplo, ejemplo.com/?lang=es) Ten en cuenta las implicaciones SEO al elegir la estructura de tu URL.
4. Optimización SEO:
   • Activa los enlaces hreflang en WPML → Idiomas → Opciones SEO.
   • Elige la posición de los enlaces hreflang (al principio o al final de la sección head).
   • Esto ayuda a los motores de búsqueda a comprender las variaciones lingüísticas de tu sitio.
5. Conmutadores de idioma personalizados:
   • Crea conmutadores de idioma personalizados mediante la API de PHP para usuarios avanzados.
   • Esto permite diseños únicos, como los selectores de idioma flotantes.
6. Admin Lengua:
   • Establece diferentes idiomas de administración para usuarios individuales en Usuarios → Perfil.
   • Útil para los equipos multilingües que gestionan el sitio.

Recuerda que un gran poder conlleva una gran responsabilidad. Prueba a fondo después de hacer cambios avanzados para asegurarte de que todo funciona como se espera.

Solución de problemas comunes del selector de idioma WPML (más una alternativa)

Incluso con una configuración cuidadosa, puedes encontrar problemas. Aquí tienes algunos problemas comunes y sus soluciones:

1. Conflictos CSS:
   • Si el selector de idioma no se muestra correctamente, comprueba si hay conflictos CSS con tu tema.
   • Utiliza las herramientas de desarrollo del navegador (como la ventana gráfica) para inspeccionar y ajustar el CSS según sea necesario.
   • Prueba a añadir CSS personalizado para anular los estilos conflictivos.
2. Traducciones que faltan:
   • Asegúrate de que tu contenido está correctamente traducido a todos los idiomas.
   • Comprueba WPML → Gestión de traducciones para ver si hay traducciones pendientes.
   • Utiliza el Editor de traducciones de WPML para gestionar las traducciones de forma eficaz.
3. Problemas de rendimiento:
   • Considera la posibilidad de activar las funciones de caché integradas en WPML.
   • Activa la cookie JavaScript para un filtrado AJAX adecuado en los sitios con caché.
   • Optimiza tu servidor y utiliza un buen plugin de caché para la velocidad general del sitio.
4. El selector de idioma no aparece:
   • Comprueba que el selector de idioma está habilitado para las ubicaciones elegidas en WPML → Idiomas.
   • Comprueba si tu tema es compatible con los ganchos predeterminados de WPML.
5. Orden incorrecto de las lenguas:
   • Revisa y ajusta el orden de los idiomas en WPML → Idiomas → Opciones del selector de idiomas.
   • Recuerda que la lengua actual siempre aparece en primer lugar en los conmutadores desplegables.

Si te encuentras constantemente con estos problemas, quizá quieras plantearte una solución alternativa.

La mejor alternativa al selector de idiomas WPML

Aunque WPML ofrece sólidas funciones de cambio de idioma, algunos usuarios consideran Weglot una alternativa más fácil de usar. Estas son las razones por las que Weglot como la mejor alternativa a WPML para el cambio de idioma:

1. Configuración sencilla: Weglot todo tu sitio web de WordPress y añade un selector de idioma en cuestión de minutos tras la activación.
2. Selector de idioma flotante: a diferencia de WPML, Weglot un selector de idioma flotante de forma predeterminada, sin necesidad de código personalizado.
3. Opciones de colocación flexibles: al igual que WPML, Weglot te Weglot añadir el selector de idioma como elemento del menú, widget, código corto o en el código de tu sitio web.
4. Personalización sin codificación: Weglot opciones de personalización sencillas para el aspecto del selector de idioma, entre las que se incluyen: algún texto.
   • Formato del menú desplegable
   • Expositor de banderas de países (con varios estilos)
   • Visualización del nombre del idioma (nombre completo o código de país)
5. Traducción automática: Weglot comienza con traducción automática para una rápida configuración multilingüe, permitiendo el perfeccionamiento manual posterior.
6. Interfaz de traducción visual: Weglot un visual editor único visual editor traducir el contenido de tu sitio web, lo que facilita la tarea a los usuarios sin conocimientos técnicos.
7. Redirección del idioma del navegador: Redirige automáticamente a los visitantes a su idioma preferido en función de la configuración de su navegador.
8. Gestión integral de las traducciones: La interfaz de Weglot permite gestionar fácilmente todas las traducciones del sitio, incluido el contenido de temas y plugins.

Para añadir tu selector de idioma con Weglot, regístrate para obtener una Weglot , instala y conecta el plugin, y elige el idioma original y los idiomas de destino que deseas utilizar:

En cuanto activas el plugin, Weglot la traducción automática para traducir tu sitio de WordPress y también añade automáticamente un selector de idioma flotante en la esquina inferior derecha.

Puede ver el conmutador de idioma en la página de inicio que aparece a continuación:

Así, en pocos minutos, estará listo y usted estará gestionando un sitio multilingüe y un conmutador de idioma front-end.

Para los usuarios que buscáis una solución más sencilla con funciones avanzadas listas para usar, Weglot una alternativa atractiva al selector de idiomas WPML.

Elija el Conmutar de Idioma que Mejor se Adapte a sus Necesidades

Tanto el selector de idioma de WPML como el Weglotte permiten añadir un selector de idioma front-end a tu sitio de WordPress, pero existen diferencias clave entre WPML y Weglot.

Ninguno de los dos enfoques es intrínsecamente mejor, pero es posible que prefieras el enfoque Weglotsi buscas una solución más sencilla, ya que te permitirá añadir un selector de idioma flotante y/o personalizar el aspecto de tu selector de idioma sin necesidad de código personalizado ni conocimientos técnicos.

Si quieres probar el selector Weglot , regístrate para obtener una prueba gratuita de 14 días y descubre cómo funciona.