Sauter la navigation
Mis à jour
mai 24, 2024

WPML vous permet d’ajouter un sélecteur de langue au menu de votre site web, sous forme de widget ou dans le Pied de page. Vous pouvez également inclure des drapeaux, afficher les langues dans leur nom d’origine et ajouter un style personnalisé.

Un sélecteur de langue permet aux visiteurs de sélectionner la langue dans laquelle ils souhaitent lire votre Contenu. Selon vos préférences, vous pouvez l’afficher à différents endroits sur votre site web.

Par exemple, vous pouvez placer votre sélecteur de langue sous forme de menu, dans l’En-tête.

Language switcher in the header section
Sélecteur de langue dans l’En-tête

Si vous ne souhaitez pas modifier la conception de votre En-tête, vous pouvez placer le sélecteur de langue au bas de votre Pied de page.

Language switcher in the footer section
Sélecteur de langue dans le Pied de page

Avec WPML, vous pouvez facilement ajouter des sélecteurs de langue sur votre propre site, comme ceux présentés ci-dessus. Pour ce faire :

  1. Déterminez l’endroit où vous souhaitez afficher le sélecteur de langue
  2. Ajoutez un drapeau à votre sélecteur de langue (ou non)
  3. Donnez du style à votre sélecteur de langue

N’oubliez pas de traduire votre site web

L’ajout d’un sélecteur de langue ne rend pas automatiquement votre site web disponible dans un plus grand nombre de langues. Pour proposer des langues supplémentaires sur votre site, vous devez d’abord le traduire.
Découvrez comment vous pouvez facilement traduire votre site web avec WPML.

1. Décidez de l’emplacement du sélecteur de langue

WPML ajoute par défaut un sélecteur de langue dans le Pied de page de votre site. Cependant, il existe de nombreux autres endroits sur votre site où vous pouvez ajouter un sélecteur de langue :

  • Menus et Widgets
  • Au-dessus ou au-dessous du Contenu de l’Article
  • Modèles, parties de modèles et navigation dans le site

Vous souhaitez ajouter un sélecteur de langue à des modèles utilisant PHP ou à une page ou un article utilisant des Shortcodes ? En savoir plus sur l’ajout de sélecteurs de langue à des emplacements personnalisés.

Ajouter un sélecteur de langue à un menu, un Pied de page ou un Widget

Pour ajouter et personnaliser les sélecteurs de langue dans ces domaines spécifiques, rendez-vous dans WPML Langues dans le tableau de bord de WordPress.

À partir de là, vous pouvez ajouter de nouveaux sélecteurs de langue au menu ou à un Widget, ou modifier le sélecteur de langue par défaut dans le pied de page.

Ajouter ou modifier un sélecteur de langue

Ajoutez un sélecteur de langue au-dessus ou au-dessous du Contenu de l’Article

Vous pouvez également créer des liens vers les traductions d’un article ou d’une page à partir du haut ou du bas du contenu de l’article. Les autres traductions disponibles s’affichent sous forme de lien.

Pour l’activer, allez dans WPMLLanguages et descendez jusqu’à Links to translation of posts. Cochez la case pour voir toutes les options.

Activation des liens vers la traduction des articles

Ajouter un bloc sélecteur de langue à un modèle, un élément de modèle ou une navigation

Si vous utilisez l’éditeur Site de WordPress (anciennement connu sous le nom de Full Site Editing), vous pouvez ajouter un sélecteur de langue à n’importe quel modèle ou partie de modèle en utilisant le block WPML Language Switcher.

Ajout d’un bloc sélecteur de langue au modèle du site

Pour que le bloc du sélecteur de langue apparaisse dans vos langues secondaires, vous devez le traduire.

  1. Allez dans WPMLGestion de traduction.
  2. Recherchez la partie de votre site à laquelle vous avez ajouté le bloc sélecteur de langue (modèle, partie du modèle, navigation du site, etc.).
  3. Envoyez-le pour traduction.
Traduire l’élément du modèle qui contient le bloc du sélecteur de langue
  1. Si vous le traduisez à l’aide de l’Advanced Translation Editor, copiez les champs du sélecteur de langue dans la langue secondaire et cliquez sur Terminer.
Copier le champ du sélecteur de langue à partir de la langue par défaut

Le sélecteur de langue sera désormais visible dans votre langue secondaire.

2. Ajoutez un drapeau à votre sélecteur de langue (ou pas)

Pour ajouter ou supprimer un drapeau dans le bloc du sélecteur de langue, utilisez le basculeur dans les paramètres d’affichage du sélecteur de langue dans la barre latérale.

Ajout d’un drapeau au bloc du sélecteur de langue

Pour ajouter ou supprimer un drapeau à un autre endroit, rendez-vous dans WPMLLangues et modifiez le sélecteur de langue que vous souhaitez changer. Cochez ou décochez ensuite l’option du drapeau.

Ajout d’un drapeau à un sélecteur de langue dans un Pied de page

WPML inclut au moins un drapeau de pays pour chaque langue préconfigurée. Par défaut, les drapeaux utilisent le format SVG. Cependant, vous pouvez afficher les drapeaux en utilisant le format PNG à la place en modifiant le paramètre dans WPML Langues.

%%tb-image-alt-text%%
Choisir le format de fichier du drapeau dans WPML Langues

Vous pouvez également télécharger vos propres drapeaux personnalisés. En savoir plus sur la manière d’ajouter des drapeaux personnalisés à votre sélecteur de langue.

3. Style de votre sélecteur de langue

Outre l’affichage ou non d’un drapeau, vous pouvez personnaliser d’autres aspects de votre sélecteur de langue. Il s’agit notamment de définir l’ordre des langues, d’afficher les langues dans leur nom d’origine et de définir les préférences en matière de couleurs.

Sélecteur de langue du menu sur le Front-office

Paramètres globaux

Vous pouvez définir des paramètres globaux pour tous les sélecteurs de langue de votre site, tels que l’ordre des langues. Pour ce faire, allez dans WPMLLangues et faites défiler jusqu’aux options du sélecteur de langue. Ces options s’appliqueront à tous les sélecteurs de langue de votre site.

La section principale des options du sélecteur de langue

Paramètres par sélecteur de langue

Vous pouvez également spécifier des paramètres pour chaque sélecteur de langue individuel. Vous avez ainsi un contrôle total et indépendant sur ce qu’il contient et sur son apparence. Les options que vous appliquez aux sélecteurs de langue dans chaque lieu ne s’appliquent qu’à ce sélecteur de langue.

Par exemple, vous pouvez afficher uniquement les drapeaux dans le menu, mais les drapeaux et le nom de la langue dans le Pied de page.

Pour modifier ces paramètres dans le bloc du sélecteur de langue, sélectionnez le bloc et réglez les paramètres dans la barre latérale.

Paramètres du bloc du sélecteur de langue

Pour les autres sélecteurs de langue, rendez-vous dans WPMLLangues et modifiez le sélecteur de langue spécifique que vous souhaitez ajuster.

Paramètres du sélecteur de langue du Pied de page

Au fur et à mesure que vous modifiez les paramètres du sélecteur de langue, l’aperçu se met à jour. L’aperçu est un « schéma ». Il ne charge pas le CSS du Front-office, de sorte que le sélecteur de langue sera stylé différemment. Cependant, il vous montre l’effet des différentes options, des paramètres de couleur, de l’ordre et du Contenu.

Sélecteurs de langue personnalisés

Par défaut, WPML utilise les règles CSS de votre thème pour intégrer le sélecteur de langue dans le design et le style de votre site web. Si vous avez besoin de plus d’options de personnalisation, vous pouvez créer des sélecteurs de langue personnalisés à l’aide de l’API PHP. Cette approche nécessite des connaissances en PHP.

Un sélecteur de langue personnalisé et flottant

Dépannage des sélecteurs de langue

Les sélecteurs de langue ajoutés à l’aide de WPML ont fière allure sur la plupart des thèmes. Si le sélecteur de langue ne s’affiche pas correctement avec votre thème, il se peut qu’il y ait un conflit CSS. Lisez notre guide sur la résolution des problèmes de style pour les sélecteurs de langue.

Vous n’avez pas encore le WPML ?

WPML peut facilement vous aider à ajouter et personnaliser un sélecteur de langue sur votre site web. Pour commencer, visitez notre page de tarification pour trouver le plan adapté à votre site.

Pour en savoir plus sur la construction d’un site web multilingue avec WPML, consultez notre guide sur la traduction de votre site web avec WPML.