Guide de personnalisation avancée du sélecteur de langue WPML

WPML est l'un des plus anciens plugins de traduction pour WordPress et il s'est forgé, à juste titre, une excellente réputation dans l'espace multilingue de WordPress.
La fonction de changement de langue de WPML vous permet de créer une option front-end, qui permet à vos visiteurs de choisir leur langue de préférence sur votre site WordPress.
Cependant, certaines personnes sont gênées par le style et le positionnement du sélecteur de langue de WPML.
Ce guide vous aidera à maîtriser le sélecteur de langue de WPML en abordant les points suivants :
- Fonctionnalité de base
- Techniques avancées de personnalisation
- Dépannage des problèmes courants
- Conseils d'optimisation pour une meilleure expérience utilisateur
Nous parlerons également brièvement de Weglot en comparaison avec le sélecteur de langues de WPML, que vous pourriez trouver utile comme solution alternative à WPML.
Comment ajouter le sélecteur de langue WPML à votre site web
Ajoutez le sélecteur de langue WPML à votre site en suivant les instructions suivantes :
- Allez dans WPML → Languages dans le tableau de bord de WordPress.
- Choisissez votre option de placement préférée.

- Pour les thèmes basés sur des modèles ou des blocs, utilisez le bloc WPML Language Switcher dans l'éditeur de site.
WPML offre plusieurs options de placement pour votre sélecteur de langue :
- Menus et widgets
- Pied de page (par défaut)
- Au-dessus ou au-dessous du contenu du message
- Modèles, parties de modèles et navigation sur le site (en utilisant le bloc WPML Language Switcher)
- Emplacements personnalisés à l'aide de PHP ou de shortcodes
Cependant, vous ne pouvez pas ajouter un sélecteur de langue flottant WPML par défaut. Si vous voulez créer un sélecteur de langue flottant WPML, vous devrez utiliser votre propre code personnalisé, engager un développeur pour le faire pour vous ou choisir une solution de traduction alternative.
Voici comment vous pouvez configurer votre sélecteur de langue WPML dans l'emplacement de votre choix :
- Menus et widgets
- Allez dans WPML → Languages dans le tableau de bord de WordPress.
- Ajoutez un nouveau sélecteur de langue à votre menu ou en tant que widget.
- Elle est idéale pour être placée en évidence dans les en-têtes ou les barres latérales.
- Bas de page (par défaut)
- WPML ajoute par défaut un sélecteur de langue dans le pied de page de votre site.
- Vous pouvez le modifier dans WPML → Languages.
- Le placement du pied de page est subtil mais accessible sur toutes les pages.
- Au-dessus ou au-dessous du contenu du message
- Dans WPML → Languages, faites défiler jusqu'à "Links to translation of posts".
- Cochez la case pour activer et configurer les options.
- Cette fonction est particulièrement utile pour les blogs ou les sites d'information dont le contenu est fréquemment mis à jour.
- Modèles, parties de modèles et navigation sur le site
- Utilisez le bloc WPML Language Switcher dans l'éditeur de site WordPress.
- N'oubliez pas de traduire le bloc pour qu'il apparaisse dans les langues secondaires.
- Cette méthode offre la plus grande souplesse pour les thèmes basés sur des blocs.
- Emplacements personnalisés
- Utilisez PHP ou des shortcodes pour ajouter le sélecteur de langue à des emplacements personnalisés.
- Cette option avancée permet des placements uniques adaptés à la conception de votre site.
Lorsque vous configurez votre sélecteur de langue, vous pouvez personnaliser son apparence :
- Choisir d'afficher les drapeaux (SVG par défaut, avec une option pour PNG)
- Afficher les langues dans leur nom d'origine
- Définir l'ordre des langues pour donner la priorité à certaines traductions
Techniques avancées pour la personnalisation du sélecteur de langue de WPML
Une fois que vous avez maîtrisé les bases, vous pouvez vous lancer dans des personnalisations plus avancées afin d'adapter véritablement le sélecteur de langue à votre site :
- Options de style
- Définir des options globales pour tous les sélecteurs de langue dans WPML → Languages.
- Configurez les paramètres individuels pour chaque sélecteur de langue séparément.
- Personnalisez les couleurs, l'affichage du drapeau et le format du nom de la langue.
- Conseil de pro : utilisez les couleurs de votre marque pour une apparence cohérente.
- Drapeaux personnalisés
- Téléchargez vos propres drapeaux personnalisés dans WPML → Languages → Edit Languages.
- Ceci est particulièrement utile pour les variations spécifiques à une région (par exemple, l'anglais des États-Unis par rapport à l'anglais du Royaume-Uni).
- Configuration du format de l'URL: Choisissez parmi trois options dans WPML → Langues → Format de l'URL de la langue
- Différentes langues dans les répertoires (par exemple, exemple.com/es/)
- Un domaine différent par langue (par exemple, es.example.com ou ejemplo.es)
- Nom de la langue ajouté en tant que paramètre (par exemple, exemple.com/?lang=es) Tenez compte des implications pour le référencement lorsque vous choisissez la structure de votre URL.
- Optimisation du référencement:
- Activer les liens hreflang dans WPML → Languages → SEO Options.
- Choisissez la position des liens hreflang (au début ou à la fin de la section d'en-tête).
- Cela aide les moteurs de recherche à comprendre les variations linguistiques de votre site.
- Sélecteurs de langues personnalisés:
- Créer des commutateurs de langue personnalisés à l'aide de l'API PHP pour les utilisateurs avancés.
- Cela permet des conceptions uniques telles que des sélecteurs de langue flottants.
- Langue de l'administrateur:
- Définissez des langues d'administration différentes pour chaque utilisateur dans Utilisateurs → Profil.
- Utile pour les équipes multilingues qui gèrent le site.
N'oubliez pas que de grands pouvoirs impliquent de grandes responsabilités. Effectuez des tests approfondis après avoir apporté des modifications importantes afin de vous assurer que tout fonctionne comme prévu.
Résolution des problèmes courants liés au sélecteur de langue de WPML (plus une alternative)
Même avec une configuration minutieuse, vous pouvez rencontrer des problèmes. Voici quelques problèmes courants et leurs solutions :
- Conflits CSS:
- Si le sélecteur de langue ne s'affiche pas correctement, vérifiez s'il n'y a pas de conflits CSS avec votre thème.
- Utilisez les outils de développement du navigateur (tels que votre viewport) pour inspecter et ajuster les feuilles de style CSS si nécessaire.
- Essayez d'ajouter des feuilles de style CSS personnalisées pour remplacer les styles conflictuels.
- Traductions manquantes:
- Veillez à ce que votre contenu soit correctement traduit dans toutes les langues.
- Vérifier si des traductions sont en attente dans WPML → Gestion des traductions.
- Utilisez l'éditeur de traduction de WPML pour gérer efficacement les traductions.
- Problèmes de performance:
- Envisagez d'activer les fonctions de mise en cache intégrées à WPML.
- Activez le cookie JavaScript pour un filtrage AJAX correct sur les sites mis en cache.
- Optimisez votre serveur et utilisez un bon plugin de mise en cache pour améliorer la vitesse globale du site.
- Le sélecteur de langue ne s'affiche pas:
- Vérifiez que le sélecteur de langue est activé pour les lieux que vous avez choisis dans WPML → Langues.
- Vérifiez que votre thème supporte les crochets par défaut de WPML.
- Ordre linguistique incorrect:
- Réviser et ajuster l'ordre des langues dans WPML → Languages → Language switcher options.
- N'oubliez pas que la langue actuelle apparaît toujours en premier dans les listes déroulantes.
Si vous êtes constamment confronté à ces problèmes, vous pouvez envisager une solution alternative.
La meilleure alternative au sélecteur de langue de WPML
Bien que WPML offre de solides capacités de changement de langue, certains utilisateurs trouvent que Weglot est une alternative plus conviviale. Voici pourquoi Weglot se démarque en tant qu'alternative au commutateur de langues de WPML :
- Installation facile: Weglot traduit l'intégralité de votre site WordPress et ajoute un sélecteur de langue dans les minutes qui suivent l'activation.
- Sélecteur de langue flottant: Contrairement à WPML, Weglot fournit un sélecteur de langue flottant par défaut, sans nécessiter de code personnalisé.
- Options de placement flexibles: Tout comme WPML, Weglot vous permet d'ajouter le sélecteur de langue en tant qu'élément de menu, widget, shortcode ou dans le code de votre site.
- Personnalisation sans codage: Weglot offre des options de personnalisation faciles pour l'apparence du sélecteur de langue, y compris:du texte
- Format du menu déroulant
- Présentoir de drapeaux de pays (avec différents styles)
- Affichage du nom de la langue (nom complet ou code pays)
- Traduction automatique: Weglot commence par une traduction automatique pour une configuration multilingue rapide, ce qui permet de l'affiner manuellement par la suite.
- Interface de traduction visuelle: Weglot propose un éditeur visuel unique pour la traduction du contenu de votre site, ce qui facilite la tâche des utilisateurs non techniques.
- Redirection linguistique du navigateur: Redirection automatique des visiteurs vers leur langue préférée en fonction des paramètres de leur navigateur.
- Gestion complète des traductions: L'interface de Weglot permet de gérer facilement toutes les traductions du site, y compris le contenu des thèmes et des plugins.
Pour ajouter votre sélecteur de langue à Weglot, ouvrez un compte Weglot, installez et connectez le plugin, puis choisissez la langue d'origine et la ou les langues de destination que vous souhaitez utiliser :

Dès que vous activez le plugin, Weglot utilise la traduction automatique pour traduire votre site, et ajoute automatiquement un sélecteur de langue flottant dans le coin inférieur droit.
Voici comment le sélecteur de langue apparaît sur une page d'accueil :

Ainsi, en quelques minutes seulement, vous avez un site multilingue qui affiche un sélecteur de langue.
Pour les utilisateurs qui recherchent une solution plus simple avec des fonctionnalités avancées prêtes à l'emploi, Weglot offre une alternative convaincante au sélecteur de langue WPML.
Choisissez le sélecteur de langue qui vous convient le mieux
Le sélecteur de langues WPML et le sélecteur de langues Weglot vous permettent tous deux d'ajouter un sélecteur de langues frontal à votre site WordPress, mais il existe des différences essentielles entre WPML et Weglot.
Aucune des deux approches n'est intrinsèquement meilleure, mais vous préférerez peut-être celle de Weglot si vous recherchez une solution plus simple, car elle vous permettra d'ajouter un sélecteur de langue flottant et/ou de personnaliser l'apparence de votre sélecteur de langue sans avoir besoin d'un code personnalisé ou de connaissances techniques.
Si vous souhaitez essayer le commutateur de langues Weglot par vous-même, inscrivez-vous à une période d'essai gratuite de 10 jours pour voir comment il fonctionne.