Comment créer des sites multilingues avec WPBakery et WPML

Découvrez comment traduire le contenu de WPBakery dans d’autres langues et créer un site web multilingue avec WPML.

Premiers pas

Commencez par installer et activer les extensions suivantes :

• L’extension de constructeur de pages WPBakery (s'ouvre dans un nouvel onglet)
• L’extension noyau de WPML et le module complémentaire WPML Traduction de chaînes

Si vous découvrez WPML, consultez notre guide de démarrage. Il vous présente rapidement les différentes options de traduction que vous pouvez utiliser.

Comment traduire les pages WPBakery à l’aide de WPML

WPBakery est compatible avec le mode Tout traduire automatiquement de WPML. Si vous choisissez ce mode lors de la configuration de WPML, tout le contenu de vos pages WPBakery sera automatiquement traduit à mesure que vous l’ajoutez ou le modifiez.

Si vous souhaitez décider vous-même quel contenu sera traduit, choisissez le mode Traduire une partie lors de la configuration de WPML.

Pour traduire le contenu de votre site à l’aide du mode Traduire une partie :

1. Dans votre liste de pages, cliquez sur l’icône plus sous la langue et à côté de la page que vous souhaitez traduire.
2. Vous serez redirigé vers l’Éditeur de traduction avancé de WPML. Si vous disposez de mots de traduction IA, vous verrez votre contenu traduit automatiquement. Vous pouvez réviser ces traductions et les accepter, ou cliquer sur Annuler la traduction pour saisir les vôtres. Si vous n’avez pas de mots de traduction IA, ajoutez les traductions vous-même.
3. Cliquez sur Enregistrer et terminer une fois que vous avez terminé toutes vos traductions.

Vous devriez maintenant pouvoir afficher les pages de votre langue par défaut et de votre langue secondaire sur l’interface publique.

Tous les modules de constructeur de pages WPBakery actuellement traduisibles

WPML prend en charge la traduction du texte dans les modules du constructeur de pages WPBakery suivants :

1. Bloc de texte
2. Séparateur avec texte
3. Boîte de message
4. Boîte de survol
5. Image unique
6. Galerie d’images
7. Carrousel d’images
8. Onglets
9. Visite
10. Accordéon
11. Conteneur paginable
12. Titre personnalisé
13. Bouton
14. Appel à l’action
15. Barre latérale avec widgets
16. Curseur d’articles
17. Lecteur vidéo
18. Google Maps
19. Widget Flickr
20. Barre de progression
21. Graphique à secteurs
22. Graphique circulaire
23. Graphique en courbes
24. Grille d’articles
25. Grille de médias
26. Grille d’articles en maçonnerie
27. Grille de médias en maçonnerie
28. Bouton Tweetmeme
29. FAQ
30. Recherche WP
31. Méta WP
32. Commentaires récents WP
33. Calendrier WP
34. Nuage d’étiquettes WP
35. Texte WP
36. Articles récents WP
37. Catégories WP

Traduction des éléments HTML brut

Un paramètre de WPML détermine si WPML envoie le contenu des éléments HTML brut à la traduction. Pour le trouver :

1. Accédez à la page WPML → Paramètres.
2. Faites défiler jusqu’à la section Synchronisation des articles et des pages.
3. Sous Options des constructeurs de pages, trouvez l’option Envoyer à la traduction le contenu des cellules HTML brut.

Cette option est activée par défaut. Laissez-la activée si vos pages utilisent les éléments HTML brut, JS brut ou Google Maps.

Cette option détermine également ce qu’une page traduite conserve lorsque l’Éditeur de traduction avancé (ATE) ou la traduction automatique fournit une traduction :

• Option activée : la page traduite conserve les éléments HTML brut, JS brut et Google Maps.
• Option désactivée : WPBakery supprime ces éléments de la page traduite.

Les boutons avec une action onclick personnalisée ne suivent pas cette règle. WPBakery supprime ces boutons des pages traduites par l’ATE, même lorsque l’option est activée.

Lorsque l’option est activée, les traducteurs voient le code de vos éléments HTML brut. Souvent, les traducteurs ne comprennent pas le code et peuvent le casser en le traduisant. Demandez à vos traducteurs de ne modifier que les textes visibles.

Si les textes d’un élément n’apparaissent pas dans l’éditeur de traduction, apprenez-en plus sur l’enregistrement des modules de constructeur de pages pour la traduction.

Grilles, modèles, styles et options SEO

Grilles d’articles et de médias

WPML traduit les textes des éléments Grille d’articles, Grille de médias, Grille d’articles en maçonnerie et Grille de médias en maçonnerie. Sur une page traduite, la grille affiche les articles dans la même langue.

Sur les pages que vous traduisez avec l’Éditeur de traduction ou l’ATE, le bouton Charger plus de la grille, la pagination, le chargement différé (lazy loading) et les filtres peuvent afficher « Rien trouvé ».

Une grille sur une page traduite peut également afficher le modèle d’élément du Générateur de grille (Grid Builder) dans la langue d’origine. Nous travaillons sur un correctif.

Modèles Templatera

WPML ne prend pas encore en charge le module complémentaire Templatera. Lorsqu’une page affiche un modèle Templatera, toutes les traductions de cette page affichent le modèle dans la langue d’origine.

CSS personnalisé et options de conception

WPML copie le CSS personnalisé de la page et le CSS des options de conception des éléments de la page d’origine vers ses traductions :

• Si vous traduisez la page avec l’Éditeur de traduction ou l’ATE, WPML copie à nouveau le CSS chaque fois que vous mettez à jour la traduction.
• Si vous modifiez la traduction dans WPBakery, la traduction conserve son propre CSS.

Options SEO de WPBakery

Si vous utilisez les options SEO de WPBakery, WPML envoie leurs textes à la traduction en même temps que la page. Cela inclut le titre et la description SEO, la requête cible et les titres et descriptions pour les réseaux sociaux.

Utilisation de l’option de traduction IA de WPBakery

L’IA de WPBakery peut traduire le texte d’un élément dans l’éditeur WPBakery. Si vous l’utilisez sur une page traduite, vous modifiez la traduction dans WPBakery et non dans l’éditeur de traduction de WPML.

WPML gère cette traduction comme n’importe quelle autre traduction que vous modifiez manuellement :

• Lorsque vous ouvrez une page traduite dans WPBakery, WPML vous avertit que vos modifications seront perdues.
• La prochaine fois que vous enverrez la page à la traduction, WPML remplacera la traduction. Vos modifications dans WPBakery seront perdues.

Pour conserver une traduction différente dans une langue, lisez comment utiliser des éditeurs de traduction différents pour différentes pages.

Maintien de la compatibilité du constructeur de pages WPBakery avec WPML

Nous avons préparé une documentation pour les développeurs qui explique comment le constructeur de pages WPBakery fonctionne avec WPML. Apprenez-en plus sur la mise à jour du fichier de configuration de langue pour maintenir la compatibilité entre WPML et le constructeur de pages WPBakery.