Avec WPML, vous pouvez ajouter un sélecteur de langue de plusieurs façons. Vous pouvez l’inclure sous forme de widget, dans un menu ou dans le pied de page du site.

Un sélecteur de langue permet à vos visiteurs de choisir la langue dans laquelle ils veulent lire le contenu que vous proposez. Les visiteurs peuvent ainsi choisir entre les langues dans lesquelles vous avez traduit votre site. WPML vous permet de créer différents sélecteurs de langue, et de les placer à différents endroits de votre site. Tous ces sélecteurs de langue sont disponibles via l’écran d’administration de WPML, sans écrire de code. Ils devraient également être parfaitement compatibles avec chaque thème.

Différents styles de sélecteur de langue

WPML vous proposera d’ajouter un sélecteur de langue à votre site via l’assistant d’installation. Vous pouvez accéder directement à cette page de configuration via : WPML-> Langues-> Options du sélecteur de langue

Options de sélecteur de langue


Options de sélecteur de langue (cliquez pour zoomer)

La configuration d’un sélecteur de langue est assez longue, car elle vous permet d’en créer de toutes sortes, directement depuis cette interface graphique unique. Regardons ensemble les principales options.

L’option par défaut – Le widget Sélecteur de langue

Pour afficher un sélecteur de langue dans un widget, sélectionnez la zone de widget dans la rubrique “Widget Sélecteur de langue“.

Widget de sélecteur de langue


Widget Sélecteur de langue

Lorsque vous faites cela, vous verrez également le widget de sélection de langue de WPML dans l’écran d’administration des widgets de votre site, sous Apparence-> Widgets. Vous pouvez ensuite modifier la sélection de la zone du widget depuis la page de langue de WPML ou la page de widgets. Voici comment apparaît le sélecteur de langue par défaut dans la barre latérale de votre site, à la fois comme “fermé” et “ouvert” :

Sélecteur de langue, statut fermé Sélecteur de langue, statut ouvert
sélecteur-de-langue-fermé1 sélecteur-de-langue-ouvert1

Intituler le widget de langue

Les widgets WordPress peuvent contenir des titres. Le titre s’affiche au-dessus du contenu du widget, indiquant aux internautes à quoi sert le widget. Étant donné que la finalité du sélecteur de langue WPML est assez claire, le titre du widget ne s’affichera pas par défaut. Vous pouvez l’activer, en ajoutant le texte “Langues” au-dessus de la liste des langues.

Sélecteur de langue sans titre Sélecteur de langue avec titre
sélecteur-de-langue-sans-titre sélecteur-de-langue-avec-titre

La fonctionnalité par défaut du sélecteur de langue de WPML est un menu déroulant. Cela signifie que la langue actuelle est affichée et que les autres langues s’affichent quand survolées par le curseur de la souris. Le sélecteur de langue déroulant comporte deux modes – classique, pour ordinateur de bureau, et optimisé pour appareils mobiles. Le sélecteur de langue classique se développe lorsque vous passez dessus avec le curseur de la souris. Bien sûr, cela ne fonctionnera pas pour les appareils mobiles n’ayant pas de souris. Le sélecteur de langue optimisé pour les mobiles s’ouvre lorsque vous cliquez dessus. Cela fonctionne très bien pour une utilisation avec ordinateurs de bureau et tablettes ou smartphones. WPML peut également afficher automatiquement le sélecteur de langue le plus approprié pour vous, en affichant un sélecteur de langue de type Pointage quand un utilisateur sur ordinateur passe le curseur sur une certaine zone et un de type Clic, lorsque l’utilisateur sur un appareil mobile clique sur une certaine zone.

Sélecteurs de langue, type liste

Un sélecteur de langue de type liste vous permet d’afficher toutes les langues sous forme de liste. Avec cette option, vous pouvez facilement implémenter une liste horizontale de drapeaux ou une liste verticale de noms de langue. Lorsque vous choisissez une liste de langues, vous avez le choix entre les dispositions horizontales et verticales. Ensuite, choisissez le contenu du sélecteur de langue pour atteindre votre objectif. Voici deux exemples de sélecteurs de langue de type liste que vous pouvez obtenir :

 Liste verticale des noms de langue Liste horizontale des drapeaux
liste-langues drapeaux-langues

Que faire avec le contenu non traduit

Il se peut que votre site ne soit pas entièrement traduit. Vous pouvez choisir dans le sélecteur de langue comment gérer le contenu non traduit. Voici les options proposées :

  • Ne pas inclure un lien de langues vers le contenu non traduit
  • Renvoyer vers la page d’accueil lors de toute demande de visualisation de contenu non traduit

Les langues pour lesquelles le contenu affiché est traduit comporteront dans le sélecteur de langue un lien dédié.

Noms de langue et drapeaux à afficher

Le sélecteur de langue peut contenir le drapeau de la langue, les noms natifs des langues et les noms traduits des langues. Regardez l’image ci-dessous pour mieux comprendre.

Options de contenu du sélecteur de langue


Options de contenu du sélecteur de langue

Préservation des paramètres d’URL

Il s’agit d’une option avancée, mais qui est importante pour les sites qui utilisent des URL dynamiques (comme les sites de commerce électronique ou de répertoires). Par défaut, WPML n’inclura pas les arguments d’URL lorsqu’ils sont liés à du contenu traduit. Vous pouvez ajouter les arguments que vous souhaitez que WPML conserve lors de l’association au contenu traduit. Par exemple, si votre contenu utilise des URL qui ressemblent à http://exemple.com/browse/?product_id=XYZ, vous voudrez probablement que product_id apparaisse lors de l’association au contenu traduit. Ajoutez le texte product_id au champ sous Préservation des paramètres d’URL.

Classement des langues

Pour choisir l’ordre des langues dans le sélecteur, déplacez-les à l’emplacement voulu.

Classement des langues par glisser-déposer


Classement des langues par glisser-déposer

Allez dans Classement des langues, choisissez une langue, faites-la glisser et déposez-la à sa nouvelle position d’affichage.

Choix d’une combinaison de couleurs pour le sélecteur de langue

WPML propose plusieurs styles prédéfinis pour le sélecteur de langue. Cliquez sur le lien Modifier les couleurs du widget du sélecteur de langue pour ouvrir la boîte de style.

Style de couleur du sélecteur de langue


Style de couleur du sélecteur de langue

Vous pouvez expérimenter en sélectionnant l’un des schémas de couleurs prédéfinis, puis continuer à modifier les couleurs individuelles jusqu’à ce que vous obteniez le résultat souhaité. Voici à quoi le sélecteur de langue ressemblera selon différentes palettes de couleurs différentes.

sélecteur-langue-blanc sélecteur-langue-gris sélecteur-langue-bleu

Styliser le sélecteur de langue avec un CSS supplémentaire

Pour un contrôle complet de l’apparence du sélecteur de langue, vous pouvez utiliser la zone de saisie CSS. Là, vous pouvez ajouter tous les styles CSS désirés afin de personnaliser l’apparence de votre sélecteur de langue selon vos désirs. Vous pouvez ajouter un effet d’ombre, des coins arrondis et tout ce que CSS vous permet de faire d’autre. Pour en savoir plus sur la structure CSS du sélecteur de langue WPML et le style, consultez le guide de style du sélecteur de langue.

Autres types de sélecteur de langue

Outre le sélecteur de langue déroulant, vous pouvez également choisir d’afficher un sélecteur de langue dans le pied de page ou sous le contenu. Tous ces sélecteurs de langue peuvent s’afficher simultanément sans créer de conflit.

Affichage d’un sélecteur de langues dans le menu

WPML peut ajouter un sélecteur de langue au menu de votre site. Sélectionnez l’option “Afficher le sélecteur de langue dans le menu de WP“. Ensuite, choisissez dans quel menu l’afficher. WPML ajoute un sélecteur de langue avec la même configuration que le sélecteur de langue déroulant, comme dernier élément dans votre menu sélectionné.

Activation d'un sélecteur de langues dans le menu


Activation d’un sélecteur de langues dans le menu

Comme avec le sélecteur de langue déroulant de WPML, la langue actuelle est affichée par défaut, et les autres langues disponibles le sont en tant qu’éléments de menu.

Sélecteur de langue dans le menu du site


Sélecteur de langue dans le menu du site

La deuxième façon d’ajouter un sélecteur de langue à votre site est de le faire dans le pied de page de WPML. Il s’agit d’une méthode pratique ne nécessitant aucune configuration permettant d’ajouter des sélecteurs de langue à votre site. Au bas des options du sélecteur de langue, vous verrez une rubrique dédiée au sélecteur de langue dans le pied de page. Lorsque cette option est activée, WPML ajoute une liste horizontale de langues dans le pied de page de votre site. Vous pouvez le voir directement ici, sur wpml.org.

Lorsque les visiteurs consultent de longues pages, ils en font souvent défiler le contenu vers le haut et vers le bas, pour une meilleure vue d’ensemble. Un sélecteur de langue en bas de page sera facilement visible, et aidera les visiteurs étrangers à localiser rapidement le contenu que vous avez écrit pour eux.

Affichage d’un sélecteur de langue sous le contenu de la publication

Une autre façon pratique d’indiquer aux visiteurs que vous proposez du contenu dans leur langue est de l’ajouter aligné dans la vue de contenu unique de la publication. Trouvez la rubrique “Afficher les liens de traduction de la publication” pour activer cette fonctionnalité. Vous pouvez contrôler le texte que WPML affiche et sa position dans le message.

Vos sélecteurs de langue personnalisés

Il existe une autre option qui consiste à créer votre propre sélecteur de langue. Pour ce faire, vous aurez besoin de connaître le PHP et de modifier le thème de votre site. Un sélecteur de langue personnalisé vous permettra d’inclure tout ce que vous voulez, comme vous le souhaitez. Souvent, les gens l’utilisent pour afficher leurs propres drapeaux linguistiques et commander les langues comme bon leur semble.

Pour des instructions étape par étape et des exemples de code, suivez le didacticiel sur la création de sélecteurs de langue personnalisés.

Réinitialisation de la configuration du sélecteur de langue

Enfin, vous remarquerez un bouton “Restaurer par défaut” en regard de l’option d’enregistrement à la fin de la rubrique Paramètres du sélecteur de langue.

Cela vous permet de réinitialiser la configuration et de recommencer. La seule chose à noter ici est que si votre thème contient un fichier de configuration de langue, c’est-à-dire le fichier wpml-config.xml qui définit les styles pour le sélecteur de langue, alors “Restaurer par défaut” se traduira à un retour aux styles définis dans le fichier wpml-config.xml. Sinon, cette option restaurera les styles par défaut de WPML.

C’est tout. Amusez-vous à personnaliser votre sélecteur de langues !