Comment traduire un contenu dynamique ?
Dans cet article, vous apprendrez comment traduire du contenu dynamique pour des sites web autre que WordPress.
Veuillez noter que cette fonctionnalité n'est actuellement pas disponible sur WordPress. La traduction de contenu dynamique sur les sites WordPress peut être réalisée à l'aide de filtres PHP, comme décrit dans notre Documentation pour les Développeurs.
Qu'est-ce que le contenu dynamique ?
Le contenu dynamique d'un site web désigne les éléments qui changent en fonction des interactions de l'utilisateur ou des mises à jour en temps réel. Parmi les exemples de contenu dynamique, on peut citer les commentaires générés par les utilisateurs, les mises à jour boursières en temps réel ou les messages d'accueil personnalisés. La traduction de contenu dynamique peut s'avérer quelque peu délicate, mais ce guide vous aidera à simplifier le processus.
Étapes pour traduire un contenu dynamique avec Weglot
Accéder à l'inspecteur Web
Rendez-vous sur la page Web que vous souhaitez traduire. Cliquez-droit sur la page pour afficher le menu contextuel et sélectionnez « Inspecter » pour ouvrir le panneau d'inspection Web des outils de développement du navigateur (Developer Tools). Vous pouvez également afficher les outils de développement en appuyant sur la touche F12, ou en utilisant Ctrl+Maj+I (Win/Linux) ou Cmd+Option+I (macOS).
Identifier l'élément dynamique
Dans les outils de développement, accédez à l'onglet Éléments (Chrome) ou Inspecteur (Firefox), puis utilisez l'outil de sélection pour survoler la zone qui n'est pas traduite. Cela mettra l'élément en surbrillance.
Trouver le sélecteur CSS de l'élément
Une fois l'élément mis en surbrillance, cherchez sa classe ou son identifiant dans le panneau Inspecteur et copiez son nom. Vous devrez le faire précéder d'un point (.) s'il s'agit d'un nom de classe ou d'un dièse (#) s'il s'agit d'un identifiant.
Vous pouvez également copier le sélecteur CSS d'un élément à partir du panneau Inspecteur en cliquant dessus avec le bouton droit de la souris et en sélectionnant Copier > Copier le sélecteur.
Mettre à jour les paramètres Weglot
Rendez-vous sur votre Dashboard Weglot. Ensuite, dans Settings, accédez à App Settings (ou « Nom de votre CMS » Settings).
Pour ajouter le contenu dynamique que vous souhaitez traduire, cliquez sur le bouton « Add Dynamic » (Ajouter un élément dynamique). Cela ouvrira la boîte « Add Dynamic Element », dans laquelle vous pourrez saisir la classe ou l'ID spécifique associée au contenu.
Astuces
- Ajoutez un point devant le nom d'une classe (
.) et un identifiant avec un dièse (#). - Vous pouvez également ajouter une description pour vous aider à vous souvenir de la signification du sélecteur ajouté.
Sauvegarder et actualiser
Cliquez sur « Save » (Sauvegarder). Vous devrez peut-être vider le cache de votre navigateur et actualiser la page pour voir le contenu traduit. N'hésitez pas à actualiser complètement la page de votre site web (Mac: cmd shift R (minuscules) / PC: ctrl F5) et à la consulter à nouveau dans une fenêtre de navigation privée si vous ne constatez pas les modifications.
Importer/Exporter des règles dynamiques
Pour importer ou exporter des règles dynamiques, vous devez disposer au minimum d'un plan Advanced voir notre page Tarifs).
Une fois dans la section App Settings (ou dans les "Votre nom de CMS" Settings), vous pouvez utiliser le bouton "Actions" pour importer/exporter des traductions :
Exporter les règles dynamiques
Vous pouvez exporter toutes les règles dynamiques en cliquant sur Actions > Exporter ; votre fichier sera disponible au téléchargement dans quelques instants.
Vous pouvez également sélectionner les règles dynamiques que vous souhaitez exporter en cochant les cases situées à côté de celles-ci. Cliquez ensuite sur l'icône Exporter en bas de la fenêtre.
Importer des règles dynamiques
Veuillez noter que vous ne pouvez importer que des fichiers CSV contenant au maximum 500 éléments dynamiques; les fichiers doivent respecter une structure spécifique. En cliquant sur « Import » (Importer), vous pouvez télécharger un fichier d'exemple.
Il est essentiel de ne pas modifier les en-têtes/la structure du fichier, car l'importation ne fonctionnera pas comme prévu si les en-têtes sont modifiés.
Pour importer un fichier, cliquez sur le bouton Actions > Importer. Vous pouvez ensuite soit faire glisser le fichier CSV, soit cliquer sur le bouton « Ajouter ». Une fois le fichier ajouté, cliquez sur « Suivant » pour poursuivre l'importation.
Retours
Si vous avez des idées ou des questions concernant cet article, n'hésitez pas à nous en faire part! Nous serions ravis de vous entendre.