Comment modifier le design du sélecteur de langue ?

Dans cet article, vous verrez comment personnaliser votre sélecteur de langue et modifier son apparence.

En utilisant Weglot, vous avez la possibilité de changer le design de votre sélecteur de langue, pour ce faire, vous avez plusieurs possibilités :

1. Modifier les options du sélecteur de langue
2. Ajouter quelques feuilles de style CSS personnalisées


1. Modifier les options du sélecteur de langue

Si vous allez sur votre Dashboard Weglot > Settings > Language switcher, vous aurez la possibilité de changer certains paramètres :

  • Le nom de la langue (par exemple "en" pour l'anglais)
  • Le nom complet de la langue
  • Les drapeaux, et le type de drapeaux (carré, cercle, rectangle)
  • Le type de bouton (liste/déroulement)

Si vous apportez des modifications ici, veillez à cliquer sur "Save changes".

Vous pouvez également trouver la section "Switcher Appearance" plus bas dans la page, où vous pouvez glisser et déposer la langue que vous voulez et changer sa position dans le sélecteur de langue :

Dans cette section, vous avez également la possibilité de modifier le nom des langues, ainsi que les drapeaux affichés sur votre sélecteur de langue, si vous préférez afficher le drapeau d'un autre pays ou utiliser votre propre drapeau (voir : Comment changer les drapeaux du sélecteur de langue ?).

2. Ajouter du CSS personnalisés

Sur votre Dashboard Weglot > Settings > Language switcher, vous avez la possibilité d'ajouter du CSS personnalisés :

N'hésitez pas à vous inspirer de différents styles et à ajouter votre propre CSS. Vous trouverez quelques exemples de CSS personnalisés dans la partie suivante.

Vous avez des commentaires sur cet article ? Faites-le nous savoir !

Vous avez encore besoin d’aide ? Contactez-nousContactez-nous