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

Dans cet article, vous apprendrez comment Weglot prend en charge les traductions de droite à gauche (RTL).

Weglot prend en charge les langues RTL (de droite à gauche) et préserve la mise en page et la structure HTML originales 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 présentation de la langue RTL ?

Vous pouvez ajouter un code CSS personnalisé qui ne s'applique qu'à votre/vos langue(s) RTL. 

Pour ce faire, vous devez vous rendre sur votre Weglot Dashboard > Projet(s) > Paramètres > Sélecteur de langue > 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 "Enregistrer les modifications" et actualisez votre site web.

Veuillez noter que le code ci-dessus est adapté à la langue arabe. Si vous souhaitez utiliser le même code pour une autre langue RTL, comme l'hébreu, remplacez la balise de langue "ar" par "he" (ou le code de langue correspondant).

Les problèmes de mise en page qui peuvent survenir :

Il peut arriver que vos pages n'affichent pas correctement votre design RTL.

Pour y remédier :

- Vérifiez avec l'inspecteur de votre navigateur web que la règle CSS direction, rtl ; s'applique au contenu en question. Si ce n'est pas le cas, veuillez l'ajouter à votre CSS de remplacement Weglot. 

- Vous pouvez également essayer d'autres règles CSS, telles que :

float : right!important ; 
align-content : right!important ; 

ou

align-items : right!important ;