Langues & Localisation

Découvrez comment ajouter plusieurs langues au sein de votre projet. 

PandaSuite ne traduit pas automatiquement votre contenu, mais l'outil facilite grandement l'intégration de votre contenu en plusieurs langues.

Dans cet article

Ajouter une langue

Par défaut, votre projet est construit en une seule langue. 

Avant d'éditer les contenus dans une autre langue, il est nécessaire d'ajouter cette langue dans votre projet pour faciliter votre configuration et avoir la possibilité de basculer de l'une à l'autre. 

Voici les étapes pour ajouter la nouvelle langue : 

  1. Rendez-vous dans les propriétés du Projet.
  2. Dans la section Langues, cliquez sur + Ajouter.
  3. Déclarez la langue initiale du projet, celle dans laquelle vous avez travaillé jusqu'à présent.

iohih

⚠️ Il est essentiel de bien sélectionner cette langue initiale, car elle sert de référence pour toutes les autres. Toutes les modifications de mise en page dans cette langue seront automatiquement déclinées sur les autres langues. Une fois définie, la langue initiale ne peut être modifiée sans supprimer tout le contenu associé.

💡 Les langues indiquées dans PandaSuite Studio sont là qu'à titre indicatif pour vous aider dans votre configuration. Si la langue de votre choix n'est pas présente dans PandaSuite Studio, contactez notre équipe ou utilisez une autre langue comme référence.

  1. Ajoutez une ou plusieurs autres langues. Vous pouvez ajouter autant de langues que nécessaire. 
  2. Utilisez l'icône punaise pour définir la langue par défaut, celle qui s'appliquera automatiquement à l'ouverture du projet.

Éditer une langue

Lorsque vous souhaitez modifier une langue spécifique :

  1. Cliquez sur le drapeau situé en bas à droite de votre espace de travail.
  2. Sélectionnez le drapeau correspondant à la langue souhaitée.

Vous pouvez modifier :

  • Les textes, images, contenus audios/vidéos (Lecteur Vidéo et Vidéo plein écran). Assurez-vous que les images respectent le même ratio pour éviter toute distorsion. 
  • Les propriétés spécifiques de certains composants comme le composant URL Media Player ou le composant Web (exemple : modifier une URL par langue). Il n'est pas encore possible de changer les actions (par exemple Ouvrir une URL externe) par langue, mais vous pouvez ajouter un data binding sur cette URL vers une variable par langue. 
  • L'affichage dynamique grâce au composant Flexbox qui ajuste la taille d'un bloc selon la langue.

Limites : la mise en page de référence est celle de la langue initiale. Il n'est donc pas possible de modifier la mise en page pour une langue spécifique. Modifier la taille d'un bloc pour une langue spécifique impacte toutes les autres versions.

Créer un menu de changement de langue

Vous pouvez personnaliser le menu de changement de langue :P

  • Sélectionnez l'élément déclencheur (drapeaux, FR/EN, etc.) 
  • Ajoutez une nouvelle action.
  • Sélectionnez l'action Changer de langue et définissez la langue souhaitée.

Votre application s'adaptera automatiquement.

Localisation automatique selon la langue de l'appareil

Vous pouvez synchroniser votre application avec la langue de l'appareil de l'utilisateur.

Voici comment procéder :

  • Ajoutez un composant Condition et créez une condition par langue 
  • Activez l'option Évaluation automatique pour que la condition soit automatiquement évaluée
  • Dans le champ Si, choisissez la donnée Projet > Context > locale, puis utilisez la fonction Débute par.
  • Définissez la valeur de la langue souhaitée (par exemple, "fr" pour le français, "en" pour l'anglais, etc.). Pour connaître le code correspondant à la langue : Language designators with region
  • Définissez une action : si la condition est remplie (c'est-à-dire si la langue de l'appareil correspond à la valeur définie), utilisez l'action Changer de langue et sélectionnez la langue appropriée.
  • Répétez ces étapes pour chaque langue intégrée.

Localisation automatique selon un paramètre de l'URL

Il est possible de définir la langue de l'application via un paramètre d'URL.

💡 Astuce : Cette méthode permet une personnalisation dynamique et une meilleure intégration avec des liens externes.

Ajouter un paramètre pour la langue dans les propriétés du projet

  1. Accédez aux propriétés de votre projet et ajoutez un paramètre personnalisé nommélang .
  2. Définissez une valeur par défaut (par exemple,fr pour le français).

Créer une condition pour évaluer le paramètrelang

  1. Ajoutez un composant Condition au niveau du projet.
  2. Configurez une condition pour vérifier la valeur du paramètrelang .

Configurer l'action de changement de langue

  1. Dans le champ Si, sélectionnez la donnée Projet > Contexte > Launch > Parameter(s) > lang.
  2. Ajoutez une règle pour évaluer la valeur du paramètre (par exemple,lang = en pour l'anglais).
  3. Définissez l'action Changer de langue

Répéter pour chaque langue prise en charge

Reproduisez les étapes précédentes pour chaque langue de votre projet en ajoutant une condition spécifique pour chacune.

Langues et contenu dynamique

Il est également possible de rajouter des langues dans la base de données PandaSuite

Tout d'abord, assurez-vous que les langues souhaitées sont bien ajoutées à votre projet. 

Une fois cela fait, vous pouvez enrichir votre base de données PandaSuite avec des traductions supplémentaires pour chaque clé. Chaque élément de contenu dynamique peut avoir des versions dans toutes les langues que vous avez définies.

Cela a-t-il répondu à votre question ? Merci pour les commentaires Il y a eu un problème pour soumettre vos commentaires. Veuillez réessayer plus tard.