Est-ce que Weglot supporte les langues Right to Left (RTL) ?

Dans cet article, vous verrez comment Weglot supporte les langues qui s'écrivent de droite à gauche (RTL).

Weglot supporte les langues RTL et conserve la même mise en page et structure HTML que la version originale de votre site web dans les versions traduites. Voici quelques-unes de nos langues RTL disponibles :

  • Arabe (ar), 
  • Hébreu (he), 
  • Persan (fa) 
  • Urdu (ur) 

Comment personnaliser la mise en forme en RTL ?

Tout d'abord, assurez-vous que votre thème supporte également la direction RTL

Vous pouvez ajouter un code CSS personnalisé qui peut être appliqué à votre ou vos langue(s) RTL.
Pour ce faire, vous devez vous rendre sur votre Weglot dashboard > Settings > Language Switcher > puis ajouter le code ci-dessous dans le champ "CUSTOM CSS" :

Voici le code :

html[lang="ar"] body {
       direction: RTL!important;
       text-align: right!important;
}
html[lang="ar"] .left {
      text-align: right!important;
}

Cliquez ensuite sur "Save changes" et actualisez votre site
Veuillez noter que le code ci-dessus est adapté pour la langue Arabe, si vous devez utiliser le même code pour l'Hébreu, vous pouvez simplement remplacer le tag de la langue "ar" par "he".

Problèmes de mise en page qui pourraient se produire

Parfois, vos pages peuvent ne pas être entièrement affichées en RTL.

Pour arranger ça :
- Tout d'abord, vérifiez avec l'inspecteur de la console de votre navigateur si la règle direction : rtl ; s'applique au contenu concerné. Si ce n'est pas le cas, veuillez l'ajouter à votre Weglot Override CSS.
- Alternativement, vous pouvez également essayer d'autres règles CSS telles que :

  • float: right!important; align-content: right!important; 
  • or align-items: right!important;

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