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 ont du mal avec le style et le positionnement du sélecteur de langue WPML.

Ce guide vous aidera à maîtriser le sélecteur de langue 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 aborderons également brièvement Weglot comparaison avec le sélecteur de langue de WPML, que vous trouverez peut-être 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 :

1. Allez dans WPML → Languages dans le tableau de bord de WordPress.
2. Choisissez votre option de placement préférée.

3. 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 propose différentes 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, éléments de modèle et navigation sur le site (à l'aide du 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 WPML flottant par défaut. Si vous souhaitez créer un sélecteur de langue WPML flottant, vous devrez utiliser votre propre code personnalisé, engager un développeur pour le faire à votre place ou choisir une autre solution de traduction.

Voici comment configurer votre sélecteur de langue WPML à l'emplacement de votre choix :

1. Menus et widgets
   • Allez dans WPML → Languages dans le tableau de bord de WordPress.
   • Ajoutez un nouveau sélecteur de langue à votre menu ou sous forme de widget.
   • Elle est idéale pour être placée en évidence dans les en-têtes ou les barres latérales.
2. 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.
3. 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.
4. 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.
5. Emplacements personnalisés
   • Utilisez PHP ou des codes courts 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 WPML

Une fois que vous maîtrisez les bases, vous pouvez vous lancer dans une personnalisation plus avancée afin d'adapter véritablement le sélecteur de langue à votre site :

1. 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.
2. 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).
3. 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.
4. 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.
5. 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.
6. 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.

Dépannage des problèmes courants liés au sélecteur de langue WPML (et alternative)

Même avec une configuration minutieuse, vous pouvez rencontrer des problèmes. Voici quelques problèmes courants et leurs solutions :

1. Conflits CSS:
   • Si le sélecteur de langue ne s'affiche pas correctement, vérifiez s'il n'y a pas de conflit 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.
2. 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.
3. 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.
4. Le sélecteur de langue n'apparaît pas:
   • Vérifiez que le sélecteur de langue est activé pour les emplacements que vous avez choisis dans WPML → Langues.
   • Vérifiez que votre thème supporte les crochets par défaut de WPML.
5. Ordre linguistique incorrect:
   • Vérifiez et modifiez l'ordre des langues dans WPML → Langues → Options du sélecteur de langue.
   • 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 WPML

Bien que WPML offre des fonctionnalités de changement de langue très performantes, certains utilisateurs trouvent Weglot une alternative plus conviviale. Voici pourquoi Weglot comme l'une des meilleures alternatives à WPML pour le changement de langue :

1. Configuration facile: Weglot l'intégralité de votre site WordPress et ajoute un sélecteur de langue en quelques minutes après l'activation.
2. Sélecteur de langue flottant: contrairement à WPML, Weglot un sélecteur de langue flottant par défaut, sans nécessiter de code personnalisé.
3. Options de placement flexibles: à l'instar de WPML, Weglot vous Weglot d'ajouter le sélecteur de langue sous forme d'élément de menu, de widget, de code court ou dans le code de votre site.
4. Personnalisation sans codage: Weglot des options de personnalisation faciles pour l'apparence du sélecteur de langue, notamment : 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)
5. Traduction automatique: Weglot commence par une traduction automatique pour une configuration multilingue rapide, ce qui permet de l'affiner manuellement par la suite.
6. Interface de traduction visuelle: Weglot un visual editor unique visual editor traduire le contenu de votre site, ce qui facilite la tâche des utilisateurs non techniciens.
7. Redirection linguistique du navigateur: Redirection automatique des visiteurs vers leur langue préférée en fonction des paramètres de leur navigateur.
8. 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 avec Weglot, créez un 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 la traduction automatique pour traduire votre site WordPress 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 à la recherche d'une solution plus simple avec des fonctionnalités avancées prêtes à l'emploi, Weglot une alternative intéressante au sélecteur de langue WPML.

Choisissez le sélecteur de langue qui vous convient le mieux

Le sélecteur de langue WPML et celui Weglotvous permettent tous deux d'ajouter un sélecteur de langue front-end à votre site WordPress, mais il existe des différences fondamentales entre WPML et Weglot.

Aucune des deux approches n'est intrinsèquement meilleure, mais vous préférerez peut-être celle Weglotsi 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 de code personnalisé ou de connaissances techniques.

Si vous souhaitez essayer le sélecteur Weglot , inscrivez-vous pour bénéficier d'un essai gratuit de 14 jours et découvrir son fonctionnement.