WPML 3.6.0 bêta avec la traduction pour Divi et Visual Composer

{Article mis à jour le 6/12/16} WPML 3.6.1 est maintenant disponible et applique automatiquement la configuration à Divi et Visual Composer. Il n’est plus nécessaire d’installer manuellement les fichiers de configuration XML.

WPML 3.6.0 est désormais disponible dans sa première version bêta. La principale nouveauté de cette version publiée est la traduction pratique des sites créés avec des constructeurs de pages. Dans cette version bêta, vous pouvez faire des essais avec Divi et Visual Composer.

Jusqu’à aujourd’hui, pour traduire des sites créés avec des constructeurs de pages, vous deviez reconstruire chaque page, avec le constructeur de pages, dans chaque langue. Cela fonctionne bien pour les petits sites qui ont peu de langues. C’est plus difficile pour les sites très fréquentés qui ont beaucoup de contenu et de nombreuses langues. De plus, c’était un obstacle rédhibitoire pour quiconque souhaitait travailler avec des traducteurs.

WPML 3.6.0 change tout cela. Désormais, lorsque vous concevez du contenu avec un constructeur de pages, vous aurez la possibilité de traduire facilement uniquement les textes, sans aller dans le constructeur pour traduire (c’est une nouvelle option. Vous pouvez toujours traduire à « l’ancienne », en concevant chaque langue séparément avec le constructeur de pages). Le même flux de travail fonctionnera si vous traduisez vous-même, si vous envoyez du contenu à vos propres traducteurs ou si vous utilisez un service de traduction.

Voyons comment cela fonctionne.

Installez WPML Gestion de traduction, Traduction de chaînes et configurez WPML

Tout d’abord, vous devez installer Gestion de traduction et Traduction de chaînes. Les deux sont disponibles depuis votre compte WPML, si vous avez un compte Multilingual CMS. Si vous avez un compte Multilingual Blog, vous pouvez effectuer une montée en gamme et ne payer que la différence.

Ensuite, accédez à WPML->Gestion de traduction->Configuration du contenu multilingue et choisissez d’Utiliser l’éditeur de traduction.

^* La version de production de WPML 3.6.0 vous aidera dans cette étape. Elle détectera lorsque des composants WPML sont manquants, vous suggérera de les installer et configurera correctement la méthode de traduction.

Indiquez à WPML comment traduire le constructeur de pages

^* Cette étape technique n’est plus nécessaire, elle n’était requise que pour WPML 3.6.0 bêta.

Concevez avec le constructeur de pages

Voici un exemple de page que nous avons conçue avec Visual Composer :
(Je serai le premier à admettre que nous aurions pu concevoir quelque chose de plus joli.)

Vous pouvez voir les icônes + pour ajouter des traductions à la page.

Traduisez avec l’éditeur de traduction de WPML

Je clique pour ajouter la traduction en espagnol et j’arrive sur l’éditeur de traduction de WPML (c’est ce que nous avons configuré WPML pour faire à la première étape).

Vous pouvez voir que l’éditeur de traduction inclut des champs pour la traduction. Il y a un champ pour le titre de la page, puis des champs pour chacune des cellules du constructeur de pages. Seules les cellules contenant du texte apparaîtront. Cela signifie que le traducteur travaillant sur la page n’a pas besoin de se soucier de la conception. Les traducteurs n’ont plus qu’à traduire, et uniquement des textes. Il n’y a pas de shortcodes dans le texte ni rien d’autre pour compliquer le travail du traducteur.

Je traduis tous les champs, je clique sur « La traduction est terminée » à côté de chacun d’eux, puis sur « Enregistrer et fermer » l’éditeur de traduction.

Lorsque je reviens à la page traduite, l’icône + se transforme en crayon. Cela nous indique qu’elle est déjà traduite et que je peux maintenant la modifier.

Vérifiez les résultats

Nous avons terminé. Regardons la page sur l’interface publique, en anglais et en espagnol.
Et n’oubliez pas, nous n’avons conçu cette page qu’UNE SEULE FOIS en utilisant le constructeur.

Résumé du processus de traduction

Cet article de blog est un peu long et inclut beaucoup de détails car il s’agit d’une version bêta. Les instructions d’utilisation de la version de production seront beaucoup plus simples :

1. Concevez avec votre constructeur de pages
2. Traduisez

Il y a un peu de travail de préparation ici car cette version bêta n’effectue pas encore toute l’automatisation de la version de production. Si vous avez besoin d’aide pour l’une des étapes, n’hésitez pas à nous le faire savoir.

Le tutoriel complet de traduction de Divi (ajouté en janvier 2017)

Si vous souhaitez en savoir plus, nous vous recommandons de lire notre tutoriel dédié sur la façon de créer des sites multilingues avec Divi et WPML. Vous y verrez l’ensemble du processus et apprendrez comment traduire tout ce que Divi propose.

Téléchargez et essayez

WPML 3.6.0 est disponible en version bêta. Pour l’obtenir, connectez-vous à votre compte WPML, cliquez sur Téléchargements et faites défiler jusqu’en bas. Vous verrez CMS Beta Package. Téléchargez-le et extrayez-le. À l’intérieur, il y a des fichiers ZIP pour tous les composants de WPML. Pour utiliser une version bêta, vous devez utiliser tous les composants de WPML de ce paquet et ne pas les mélanger avec les versions de production.

Il s’agit d’une version bêta, vous ne devez donc l’utiliser que sur des sites de développement.

WPML 3.6.0 passera en assurance qualité (QA) la semaine prochaine. Nous publierons probablement d’autres versions bêtas et nous prévoyons de sortir la version de production dans environ un mois. La version de production de WPML inclura également le nouveau sélecteur de langue, davantage d’améliorations, quelques correctifs et une compatibilité totale avec WordPress 4.7.