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

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

Weglot prend en charge les langues RTL. Il conserve la mise en page et la structure HTML de votre site original 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 ?

Tout d'abord, assurez-vous que votre thème prend en charge les langues de droite à gauche.

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).

Problèmes de mise en page pouvant 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 ;
or align-items: right!important;